Mfa

.env-example

@@ -8,3 +8,4 @@ GOCARDLESS_SECRET_KEY=
 KV_REST_API_URL=
 KV_REST_API_TOKEN=
 NOVU_API_KEY=
+NEXT_PUBLIC_TRIGGER_API_KEY=

apps/dashboard/src/app/[locale]/@dashboard/(root)/layout.tsx

@@ -1,3 +1,4 @@
+import { ExportStatus } from "@/components/export-status";
 import { Header } from "@/components/header";
 import { ConnectBankModal } from "@/components/modals/connect-bank-modal";
 import { SelectAccountModal } from "@/components/modals/select-account-modal";
@@ -18,6 +19,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 
       <ConnectBankModal countryCode={countryCode} />
       <SelectAccountModal countryCode={countryCode} />
+      <ExportStatus />
     </div>
   );
 }

apps/dashboard/src/app/[locale]/layout.tsx

@@ -1,5 +1,5 @@
 import { createClient } from "@midday/supabase/server";
-import { Provider } from "./provider";
+import { Providers } from "./providers";
 
 export default async function Layout({
   dashboard,
@@ -16,5 +16,5 @@ export default async function Layout({
     data: { session },
   } = await supabase.auth.getSession();
 
-  return <Provider locale={locale}>{session ? dashboard : login}</Provider>;
+  return <Providers locale={locale}>{session ? dashboard : login}</Providers>;
 }

apps/dashboard/src/app/[locale]/providers.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { I18nProviderClient } from "@/locales/client";
+import { TriggerProvider } from "@trigger.dev/react";
+import { ReactNode } from "react";
+
+type ProviderProps = {
+  locale: string;
+  children: ReactNode;
+};
+
+export function Providers({ locale, children }: ProviderProps) {
+  return (
+    <I18nProviderClient locale={locale}>
+      <TriggerProvider
+        publicApiKey={process.env.NEXT_PUBLIC_TRIGGER_API_KEY!}
+        apiUrl={process.env.NEXT_PUBLIC_TRIGGER_API_URL}
+      >
+        {children}
+      </TriggerProvider>
+    </I18nProviderClient>
+  );
+}

apps/dashboard/src/components/export-status.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { useToast } from "@midday/ui/use-toast";
+import { useEventRunDetails } from "@trigger.dev/react";
+import { useEffect } from "react";
+
+export function ExportStatus() {
+  const { toast } = useToast();
+  const { data, isLoading } = useEventRunDetails();
+
+  useEffect(() => {
+    toast({
+      variant: "progress",
+      title: "Exporting...",
+      description: "Your export is based on 46 transactions.",
+    });
+  }, [isLoading]);
+
+  useEffect(() => {
+    if (data?.status === "FAILURE") {
+      toast({
+        duration: 3500,
+        variant: "error",
+        title: "Something went wrong pleaase try again.",
+      });
+    }
+  }, [data]);
+
+  return null;
+}

apps/dashboard/src/components/modals/export-transactions-modal.tsx

@@ -10,40 +10,23 @@ 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 { useSearchParams } from "next/navigation";
 import { useEffect } from "react";
 
 export function ExportTransactionsModal({ isOpen, setOpen }) {
   const searchParams = useSearchParams();
-  const { execute, status, result } = useAction(exportTransactionsAction);
   const filter = searchParams.get("filter");
   const date = filter ? JSON.parse(filter)?.date : null;
-  const { toast } = useToast();
+  const { execute, status, result } = useAction(exportTransactionsAction);
 
   useEffect(() => {
     if (status === "hasSucceeded" && isOpen) {
       setOpen(false);
     }
   }, [status]);
 
-  useEffect(() => {
-    if (result.data) {
-      toast({
-        duration: 6000,
-        title: "Exporting...",
-        description: "Your export is ready base on 46 transactions.",
-        // action: (
-        //   <ToastAction altText="Yes" onClick={handleUpdateSimilar}>
-        //     Yes
-        //   </ToastAction>
-        // ),
-      });
-    }
-  }, [result]);
-
   return (
     <Dialog open={isOpen} onOpenChange={setOpen}>
       <DialogContent>

apps/dashboard/src/env.mjs

@@ -30,6 +30,7 @@ export const env = createEnv({
     NEXT_PUBLIC_SUPABASE_ANON_KEY: z.string(),
     NEXT_PUBLIC_APPLICATION_IDENTIFIER: z.string(),
     NEXT_PUBLIC_SUPABASE_ID: z.string(),
+    NEXT_PUBLIC_TRIGGER_API_KEY: z.string(),
   },
   /**
    * Destructure all variables from `process.env` to make sure they aren't tree-shaken away.
@@ -49,6 +50,7 @@ export const env = createEnv({
     KV_REST_API_TOKEN: process.env.KV_REST_API_TOKEN,
     NEXT_PUBLIC_APPLICATION_IDENTIFIER:
       process.env.NEXT_PUBLIC_APPLICATION_IDENTIFIER,
+    NEXT_PUBLIC_TRIGGER_API_KEY: process.env.NEXT_PUBLIC_TRIGGER_API_KEY,
   },
   skipValidation: !!process.env.CI || !!process.env.SKIP_ENV_VALIDATION,
 });

package.json

@@ -23,7 +23,7 @@
   "dependencies": {
     "@biomejs/biome": "1.4.1",
     "@manypkg/cli": "^0.21.1",
-    "turbo": "^1.11.0",
+    "turbo": "^1.11.1",
     "typescript": "^5.3.3"
   },
   "devDependencies": {