pnpm check:fix

src/core/hooks/useBrowserFeatureDetection.ts

@@ -1,6 +1,6 @@
-import { useMemo } from 'react';
+import { useMemo } from "react";
 
-export type BrowserFeature = 'Web Bluetooth' | 'Web Serial' | 'Secure Context';
+export type BrowserFeature = "Web Bluetooth" | "Web Serial" | "Secure Context";
 
 interface BrowserSupport {
   supported: BrowserFeature[];
@@ -10,9 +10,13 @@ interface BrowserSupport {
 export function useBrowserFeatureDetection(): BrowserSupport {
   const support = useMemo(() => {
     const features: [BrowserFeature, boolean][] = [
-      ['Web Bluetooth', !!navigator?.bluetooth],
-      ['Web Serial', !!navigator?.serial],
-      ['Secure Context', window.location.protocol === 'https:' || window.location.hostname === 'localhost']
+      ["Web Bluetooth", !!navigator?.bluetooth],
+      ["Web Serial", !!navigator?.serial],
+      [
+        "Secure Context",
+        window.location.protocol === "https:" ||
+          window.location.hostname === "localhost",
+      ],
     ];
 
     return features.reduce<BrowserSupport>(
@@ -21,9 +25,9 @@ export function useBrowserFeatureDetection(): BrowserSupport {
         list.push(feature);
         return acc;
       },
-      { supported: [], unsupported: [] }
+      { supported: [], unsupported: [] },
     );
   }, []);
 
   return support;
-}
+}

src/core/hooks/useKeyBackupReminder.tsx

@@ -17,11 +17,11 @@ interface ReminderState {
   lastShown: string;
 }
 
-const TOAST_APPEAR_DELAY = 10_000 // 10 seconds;
-const TOAST_DURATION = 30_000 // 30 seconds;:
+const TOAST_APPEAR_DELAY = 10_000; // 10 seconds;
+const TOAST_DURATION = 30_000; // 30 seconds;:
 
 // remind user in 1 year to backup keys again, if they accept the reminder;
-const ON_ACCEPT_REMINDER_DAYS = 365
+const ON_ACCEPT_REMINDER_DAYS = 365;
 
 function isReminderExpired(lastShown: string): boolean {
   const lastShownDate = new Date(lastShown);
@@ -35,13 +35,14 @@ export function useBackupReminder({
   reminderInDays = 7,
   enabled,
   message,
-  onAccept = () => { },
+  onAccept = () => {},
   cookieOptions,
 }: UseBackupReminderOptions) {
   const { toast } = useToast();
   const toastShownRef = useRef(false);
-  const { value: reminderCookie, setCookie } =
-    useCookie<ReminderState>("key_backup_reminder");
+  const { value: reminderCookie, setCookie } = useCookie<ReminderState>(
+    "key_backup_reminder",
+  );
 
   const suppressReminder = useCallback(
     (days: number) => {
@@ -69,39 +70,37 @@ export function useBackupReminder({
 
     toastShownRef.current = true;
 
-    const { dismiss } = toast(
-      {
-        title: "Backup Reminder",
-        duration: TOAST_DURATION,
-        delay: TOAST_APPEAR_DELAY,
-        description: message,
-        action: (
-          <div className="flex gap-2">
-            <Button
-              type="button"
-              variant="default"
-              onClick={() => {
-                onAccept();
-                dismiss();
-                suppressReminder(ON_ACCEPT_REMINDER_DAYS);
-              }}
-            >
-              Back up now
-            </Button>
-            <Button
-              type="button"
-              variant="outline"
-              onClick={() => {
-                dismiss();
-                suppressReminder(reminderInDays);
-              }}
-            >
-              Remind me in {reminderInDays} days
-            </Button>
-          </div>
-        ),
-      },
-    );
+    const { dismiss } = toast({
+      title: "Backup Reminder",
+      duration: TOAST_DURATION,
+      delay: TOAST_APPEAR_DELAY,
+      description: message,
+      action: (
+        <div className="flex gap-2">
+          <Button
+            type="button"
+            variant="default"
+            onClick={() => {
+              onAccept();
+              dismiss();
+              suppressReminder(ON_ACCEPT_REMINDER_DAYS);
+            }}
+          >
+            Back up now
+          </Button>
+          <Button
+            type="button"
+            variant="outline"
+            onClick={() => {
+              dismiss();
+              suppressReminder(reminderInDays);
+            }}
+          >
+            Remind me in {reminderInDays} days
+          </Button>
+        </div>
+      ),
+    });
 
     return () => {
       if (!toastShownRef.current) {

src/core/hooks/useToast.ts

@@ -31,21 +31,21 @@ type ActionType = typeof actionTypes;
 
 type Action =
   | {
-    type: ActionType["ADD_TOAST"];
-    toast: ToasterToast;
-  }
+      type: ActionType["ADD_TOAST"];
+      toast: ToasterToast;
+    }
   | {
-    type: ActionType["UPDATE_TOAST"];
-    toast: Partial<ToasterToast>;
-  }
+      type: ActionType["UPDATE_TOAST"];
+      toast: Partial<ToasterToast>;
+    }
   | {
-    type: ActionType["DISMISS_TOAST"];
-    toastId?: ToasterToast["id"];
-  }
+      type: ActionType["DISMISS_TOAST"];
+      toastId?: ToasterToast["id"];
+    }
   | {
-    type: ActionType["REMOVE_TOAST"];
-    toastId?: ToasterToast["id"];
-  };
+      type: ActionType["REMOVE_TOAST"];
+      toastId?: ToasterToast["id"];
+    };
 
 interface State {
   toasts: ToasterToast[];
@@ -81,7 +81,7 @@ export const reducer = (state: State, action: Action): State => {
       return {
         ...state,
         toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t
+          t.id === action.toast.id ? { ...t, ...action.toast } : t,
         ),
       };
 
@@ -103,10 +103,10 @@ export const reducer = (state: State, action: Action): State => {
         toasts: state.toasts.map((t) =>
           t.id === toastId || toastId === undefined
             ? {
-              ...t,
-              open: false,
-            }
-            : t
+                ...t,
+                open: false,
+              }
+            : t,
         ),
       };
     }
@@ -193,4 +193,4 @@ function useToast() {
   };
 }
 
-export { toast, useToast };
+export { toast, useToast };