From 2ffb899a5b996d2c6e57c75602f4a71e873bad7e Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 28 Feb 2024 17:55:39 -0600
Subject: [PATCH] Limit prefetching

---
 src/admin/EditButton.tsx               | 1 +
 src/admin/StorageUrls.tsx              | 3 ++-
 src/app/admin/photos/page.tsx          | 1 +
 src/app/admin/tags/page.tsx            | 4 ++--
 src/camera/PhotoCamera.tsx             | 2 ++
 src/components/EntityLink.tsx          | 3 +++
 src/photo/PhotoGridSidebar.tsx         | 4 ++++
 src/simulation/PhotoFilmSimulation.tsx | 2 ++
 src/tag/FavsTag.tsx                    | 2 ++
 src/tag/PhotoTag.tsx                   | 2 ++
 10 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/admin/EditButton.tsx b/src/admin/EditButton.tsx
index 4062f7f4..113aec65 100644
--- a/src/admin/EditButton.tsx
+++ b/src/admin/EditButton.tsx
@@ -13,6 +13,7 @@ export default function EditButton ({
       title={label}
       href={href}
       className="button"
+      prefetch={false}
     >
       <FaRegEdit className="translate-y-[-0.5px]" />
       <span className="hidden sm:inline-block">
diff --git a/src/admin/StorageUrls.tsx b/src/admin/StorageUrls.tsx
index 0ea0ec3b..22cd5ff4 100644
--- a/src/admin/StorageUrls.tsx
+++ b/src/admin/StorageUrls.tsx
@@ -24,7 +24,7 @@ export default function StorageUrls({
         const addUploadPath = pathForAdminUploadUrl(url);
         const uploadFileName = fileNameForStorageUrl(url);
         return <Fragment key={url}>
-          <Link href={addUploadPath}>
+          <Link href={addUploadPath} prefetch={false}>
             <ImageTiny
               alt={`Upload: ${uploadFileName}`}
               src={url}
@@ -41,6 +41,7 @@ export default function StorageUrls({
             title={uploadedAt
               ? `${url} @ ${formatDate(uploadedAt, 'yyyy-MM-dd HH:mm:ss')}`
               : url}
+            prefetch={false}
           >
             {uploadFileName}
           </Link>
diff --git a/src/app/admin/photos/page.tsx b/src/app/admin/photos/page.tsx
index f5d1ae5f..e64f4b18 100644
--- a/src/app/admin/photos/page.tsx
+++ b/src/app/admin/photos/page.tsx
@@ -79,6 +79,7 @@ export default async function AdminPhotosPage({
                       key={photo.id}
                       href={pathForPhoto(photo)}
                       className="lg:w-[50%] flex items-center gap-2"
+                      prefetch={false}
                     >
                       <span className={clsx(
                         'inline-flex items-center gap-2',
diff --git a/src/app/admin/tags/page.tsx b/src/app/admin/tags/page.tsx
index de41c0e6..787941c7 100644
--- a/src/app/admin/tags/page.tsx
+++ b/src/app/admin/tags/page.tsx
@@ -26,8 +26,8 @@ export default async function AdminTagsPage() {
                 <Fragment key={tag}>
                   <div className="pr-2 -translate-y-0.5">
                     {isTagFavs(tag)
-                      ? <FavsTag />
-                      : <PhotoTag {...{ tag }} />}
+                      ? <FavsTag prefetch={false} />
+                      : <PhotoTag {...{ tag, prefetch: false }} />}
                   </div>
                   <div className="text-dim uppercase">
                     {photoQuantityText(count, false)}
diff --git a/src/camera/PhotoCamera.tsx b/src/camera/PhotoCamera.tsx
index 15f58ede..1724087b 100644
--- a/src/camera/PhotoCamera.tsx
+++ b/src/camera/PhotoCamera.tsx
@@ -11,6 +11,7 @@ export default function PhotoCamera({
   type = 'icon-first',
   badged,
   contrast,
+  prefetch,
   countOnHover,
 }: {
   camera: Camera
@@ -43,6 +44,7 @@ export default function PhotoCamera({
       type={showAppleIcon && isCameraApple ? 'icon-first' : type}
       badged={badged}
       contrast={contrast}
+      prefetch={prefetch}
       hoverEntity={countOnHover}
     />
   );
diff --git a/src/components/EntityLink.tsx b/src/components/EntityLink.tsx
index 64785490..806b12b6 100644
--- a/src/components/EntityLink.tsx
+++ b/src/components/EntityLink.tsx
@@ -7,6 +7,7 @@ export interface EntityLinkExternalProps {
   type?: 'icon-last' | 'icon-first' | 'icon-only' | 'text-only'
   badged?: boolean
   contrast?: 'low' | 'medium' | 'high'
+  prefetch?: boolean
 }
 
 export default function EntityLink({
@@ -18,6 +19,7 @@ export default function EntityLink({
   type = 'icon-first',
   badged,
   contrast,
+  prefetch,
   hoverEntity,
 }: {
   label: ReactNode
@@ -46,6 +48,7 @@ export default function EntityLink({
           !badged && 'text-main hover:text-gray-900 dark:hover:text-gray-100',
           contrast === 'low' && 'text-dim',
         )}
+        prefetch={prefetch}
       >
         {type !== 'icon-only' && <>
           {badged
diff --git a/src/photo/PhotoGridSidebar.tsx b/src/photo/PhotoGridSidebar.tsx
index 999c3c25..fa2dddf7 100644
--- a/src/photo/PhotoGridSidebar.tsx
+++ b/src/photo/PhotoGridSidebar.tsx
@@ -36,6 +36,7 @@ export default function PhotoGridSidebar({
             key={TAG_FAVS}
             countOnHover={count}
             type="icon-last"
+            prefetch={false}
             badged
           />
           : <PhotoTag
@@ -43,6 +44,7 @@ export default function PhotoGridSidebar({
             tag={tag}
             type="text-only"
             countOnHover={count}
+            prefetch={false}
             badged
           />)}
       />}
@@ -60,6 +62,7 @@ export default function PhotoGridSidebar({
               camera={camera}
               type="text-only"
               countOnHover={count}
+              prefetch={false}
               hideAppleIcon
               badged
             />)}
@@ -80,6 +83,7 @@ export default function PhotoGridSidebar({
                 simulation={simulation}
                 countOnHover={count}
                 type="text-only"
+                prefetch={false}
               />
             </div>)}
       />}
diff --git a/src/simulation/PhotoFilmSimulation.tsx b/src/simulation/PhotoFilmSimulation.tsx
index cfa722b2..eff419bf 100644
--- a/src/simulation/PhotoFilmSimulation.tsx
+++ b/src/simulation/PhotoFilmSimulation.tsx
@@ -9,6 +9,7 @@ export default function PhotoFilmSimulation({
   type = 'icon-last',
   badged = true,
   contrast = 'low',
+  prefetch,
   countOnHover,
 }: {
   simulation: FilmSimulation
@@ -29,6 +30,7 @@ export default function PhotoFilmSimulation({
       type={type}
       badged={badged}
       contrast={contrast}
+      prefetch={prefetch}
       hoverEntity={countOnHover}
     />
   );
diff --git a/src/tag/FavsTag.tsx b/src/tag/FavsTag.tsx
index 5496a276..e69a019d 100644
--- a/src/tag/FavsTag.tsx
+++ b/src/tag/FavsTag.tsx
@@ -8,6 +8,7 @@ export default function FavsTag({
   type,
   badged,
   contrast,
+  prefetch,
   countOnHover,
 }: {
   countOnHover?: number
@@ -37,6 +38,7 @@ export default function FavsTag({
       hoverEntity={countOnHover}
       badged={badged}
       contrast={contrast}
+      prefetch={prefetch}
     />
   );
 }
diff --git a/src/tag/PhotoTag.tsx b/src/tag/PhotoTag.tsx
index ecc4efaf..df8b5349 100644
--- a/src/tag/PhotoTag.tsx
+++ b/src/tag/PhotoTag.tsx
@@ -8,6 +8,7 @@ export default function PhotoTag({
   type,
   badged,
   contrast,
+  prefetch,
   countOnHover,
 }: {
   tag: string
@@ -24,6 +25,7 @@ export default function PhotoTag({
       type={type}
       badged={badged}
       contrast={contrast}
+      prefetch={prefetch}
       hoverEntity={countOnHover}
     />
   );