[front] use href prefetch (#9577)

dust-tt · Dec 20, 2024 · aa7b14d · aa7b14d
1 parent 3cc06b6
commit aa7b14d
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 16 deletions.
diff --git a/front/components/UserMenu.tsx b/front/components/UserMenu.tsx
@@ -90,20 +90,16 @@ export function UserMenu({
               <DropdownMenuItem
                 label="Meeting transcripts"
                 icon={BookOpenIcon}
-                onClick={() => {
-                  void router.push(
-                    `/w/${owner.sId}/assistant/labs/transcripts`
-                  );
-                }}
+                href={`/w/${owner.sId}/assistant/labs/transcripts`}
+                prefetch={false}
               />
             )}
             {featureFlags.includes("labs_trackers") && (
               <DropdownMenuItem
                 label="Trackers"
                 icon={EyeIcon}
-                onClick={() => {
-                  void router.push(`/w/${owner.sId}/assistant/labs/trackers`);
-                }}
+                href={`/w/${owner.sId}/assistant/labs/trackers`}
+                prefetch={false}
               />
             )}
           </>
@@ -153,11 +149,10 @@ export function UserMenu({
 
         <DropdownMenuLabel label="Account" />
         <DropdownMenuItem
-          onClick={() => {
-            void router.push("/api/auth/logout");
-          }}
+          href="/api/auth/logout"
           icon={LogoutIcon}
           label="Sign&nbsp;out"
+          prefetch={false}
         />
       </DropdownMenuContent>
     </DropdownMenu>

diff --git a/front/components/app/RootLayout.tsx b/front/components/app/RootLayout.tsx
@@ -20,6 +20,7 @@ function NextLinkWrapper({
   onClick,
   replace = false,
   shallow = false,
+  prefetch,
   target = "_self",
   rel,
 }: {
@@ -39,6 +40,7 @@ function NextLinkWrapper({
   onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
   replace?: boolean;
   shallow?: boolean;
+  prefetch?: boolean;
   target?: string;
   rel?: string;
 }) {
@@ -53,6 +55,7 @@ function NextLinkWrapper({
       rel={rel}
       shallow={shallow}
       replace={replace}
+      prefetch={prefetch}
     >
       {children}
     </Link>

diff --git a/front/package-lock.json b/front/package-lock.json
diff --git a/front/package.json b/front/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "0.2.346",
+    "@dust-tt/sparkle": "^0.2.347",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",