prefetch "New Model" link

quantified-uncertainty · Nov 26, 2024 · fa22fa6 · fa22fa6
1 parent 49d8597
commit fa22fa6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/hub/src/components/layout/RootLayout/PageMenu.tsx b/packages/hub/src/components/layout/RootLayout/PageMenu.tsx
@@ -64,6 +64,7 @@ const NewModelMenuLink: FC<MenuLinkModeProps> = (props) => {
       href={newModelRoute()}
       icon={PlusIcon}
       title="New Model"
+      prefetch
     />
   );
 };

diff --git a/packages/hub/src/components/layout/RootLayout/PageMenuLink.tsx b/packages/hub/src/components/layout/RootLayout/PageMenuLink.tsx
@@ -21,6 +21,7 @@ type Props = {
   href: string;
   icon?: FC<IconProps>;
   external?: boolean;
+  prefetch?: boolean;
 } & MenuLinkModeProps;
 
 export const PageMenuLink: FC<Props> = ({
@@ -30,13 +31,15 @@ export const PageMenuLink: FC<Props> = ({
   icon,
   href,
   external,
+  prefetch,
 }) => {
   const Icon = icon;
   return mode === "desktop" ? (
     <Link
       className="select-none rounded-md px-2 py-1 text-sm text-white hover:bg-slate-700"
       href={href}
       target={external ? "_blank" : undefined}
+      prefetch={prefetch}
     >
       {Icon && <Icon className="mr-1 inline-block text-slate-400" size={14} />}
       {title}
@@ -47,6 +50,7 @@ export const PageMenuLink: FC<Props> = ({
       icon={icon ?? EmptyIcon}
       title={title}
       close={close}
+      prefetch={prefetch}
     />
   );
 };
diff --git a/packages/hub/src/components/ui/DropdownMenuNextLinkItem.tsx b/packages/hub/src/components/ui/DropdownMenuNextLinkItem.tsx
@@ -9,16 +9,18 @@ type Props = {
   title: string;
   icon?: FC<IconProps>;
   close: () => void;
+  prefetch?: boolean;
 };
 
 export const DropdownMenuNextLinkItem: FC<Props> = ({
   title,
   href,
   icon,
   close,
+  prefetch,
 }) => {
   return (
-    <Link href={href} onClick={close}>
+    <Link href={href} onClick={close} prefetch={prefetch}>
       <DropdownMenuItemLayout icon={icon} title={title} />
     </Link>
   );