From 3bb4fdf2fd91479a8e846f7dc02668d9465219bb Mon Sep 17 00:00:00 2001
From: Pontus Abrahamsson <pontus@lostisland.co>
Date: Mon, 18 Dec 2023 21:54:45 +0100
Subject: [PATCH] Export

---
 apps/dashboard/src/components/charts/spending-list.tsx |  2 +-
 apps/dashboard/src/components/export-button.tsx        | 10 +++++-----
 .../components/modals/export-transactions-modal.tsx    | 10 ++++++++++
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/apps/dashboard/src/components/charts/spending-list.tsx b/apps/dashboard/src/components/charts/spending-list.tsx
index aec96865bf..b37d2cf269 100644
--- a/apps/dashboard/src/components/charts/spending-list.tsx
+++ b/apps/dashboard/src/components/charts/spending-list.tsx
@@ -6,7 +6,7 @@ import { SpendingChart } from "./spending-chart";
 
 function SpendingCategoryList({ categories }) {
   return (
-    <ul className="absolute z-10 left-8 bottom-8 space-y-2">
+    <ul className="absolute z-10 left-8 bottom-8 space-y-2 invisible xl:visible">
       {categories.map(({ category }) => (
         <li key={category}>
           <Link
diff --git a/apps/dashboard/src/components/export-button.tsx b/apps/dashboard/src/components/export-button.tsx
index 76a41bfb91..9c61bef9b4 100644
--- a/apps/dashboard/src/components/export-button.tsx
+++ b/apps/dashboard/src/components/export-button.tsx
@@ -9,16 +9,16 @@ export function ExportButton({ totalMissingAttachments }) {
   const [isOpen, setOpen] = useState();
 
   const searchParams = useSearchParams();
-  const hasFilters =
-    searchParams.get("filter") &&
-    Object.keys(JSON.parse(searchParams.get("filter"))).length > 0;
+  const hasDate = searchParams.get("filter")
+    ? JSON.parse(searchParams.get("filter"))?.date
+    : null;
 
   return (
     <>
       <Button
         className="space-x-2"
-        variant={hasFilters ? "default" : "outline"}
-        disabled={!hasFilters}
+        variant={hasDate ? "default" : "outline"}
+        disabled={!hasDate}
         onClick={() => setOpen(true)}
       >
         Export
diff --git a/apps/dashboard/src/components/modals/export-transactions-modal.tsx b/apps/dashboard/src/components/modals/export-transactions-modal.tsx
index bb30343753..1d20e0bfa2 100644
--- a/apps/dashboard/src/components/modals/export-transactions-modal.tsx
+++ b/apps/dashboard/src/components/modals/export-transactions-modal.tsx
@@ -12,6 +12,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@midday/ui/dialog";
+import { useToast } from "@midday/ui/use-toast";
 import { Loader2 } from "lucide-react";
 import { useAction } from "next-safe-action/hook";
 import Link from "next/link";
@@ -23,6 +24,8 @@ export function ExportTransactionsModal({
   setOpen,
   totalMissingAttachments,
 }) {
+  const { toast } = useToast();
+
   const searchParams = useSearchParams();
   const { setExportId } = useExportStore();
   const filter = searchParams.get("filter");
@@ -32,6 +35,13 @@ export function ExportTransactionsModal({
     onSuccess: ({ id }) => {
       setExportId(id);
     },
+    onError: () => {
+      toast({
+        duration: 3500,
+        variant: "error",
+        title: "Something went wrong pleaase try again.",
+      });
+    },
   });
 
   useEffect(() => {