Export

midday-ai · Dec 18, 2023 · 3bb4fdf · 3bb4fdf
1 parent 8e591dd
commit 3bb4fdf
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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(() => {