pass save events differently

web/src/components/features/popups/SaveResetFilePopup.tsx

@@ -35,9 +35,7 @@ const SplitterContent: React.FC<{
         <PopupSplitter />
 
         <div className="flex items-center space-x-2">
-          <Button variant={'default'} onClick={onReset}>
+          <Button onClick={onReset}>Reset</Button>
-            Reset
-          </Button>
           <Button
             className="flex items-center"
             variant="black"
@@ -58,14 +56,8 @@ const SplitterContent: React.FC<{
         title="Unsaved changes"
         isDirty={open}
         description="Are you sure you want to leave this page?"
-        onOk={() => {
+        onOk={onSave}
-          onSave();
+        onCancel={onReset}
-          return Promise.resolve();
-        }}
-        onCancel={() => {
-          onReset();
-          return Promise.resolve();
-        }}
       />
     </React.Fragment>
   );

web/src/components/ui/buttons/Button.tsx

@@ -36,7 +36,7 @@ const sizeVariants = {
 };
 
 export const buttonVariants = cva(
-  'inline-flex items-center overflow-hidden text-base justify-center gap-1.5 shadow rounded transition-all duration-300 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed data-[loading=true]:cursor-progress',
+  'inline-flex items-center overflow-hidden text-base justify-center gap-1.5 shadow rounded transition-all duration-300 focus-visible:outline-none disabled:pointer-events-none disabled:cursor-not-allowed data-[loading=true]:cursor-progress',
   {
     variants: {
       variant: buttonTypeClasses,

web/src/components/ui/layouts/PreventNavigation.tsx

@@ -12,9 +12,9 @@ type PreventNavigationProps = {
   description: string;
   cancelText?: string;
   okText?: string;
-  onOk: () => Promise<void>;
+  onOk: (() => Promise<void>) | (() => void);
-  onCancel: () => Promise<void>;
+  onCancel: (() => Promise<void>) | (() => void);
-  onClose?: () => void;
+  onClose?: (() => Promise<void>) | (() => void);
   doNotLeavePageOnOkay?: boolean;
 };
 
@@ -108,7 +108,7 @@ export const PreventNavigation: React.FC<PreventNavigationProps> = React.memo(
             document.querySelectorAll('a').forEach((link) => {
               link.addEventListener('click', handleClick);
             });
-          }, 0);
+          }, 5);
         };
 
         setLeavingPage(true);