feat: fetch preload GET /api/me/votes when user is signed in (denol…

…and#567) Closes denoland#537
dreamcatcher-tech · Sep 11, 2023 · 8043b5e · 8043b5e
1 parent 5337d16
commit 8043b5e
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/routes/index.tsx b/routes/index.tsx
@@ -57,6 +57,14 @@ export default async function HomePage(
           href={endpoint}
           rel="preload"
         />
+        {isSignedIn && (
+          <link
+            as="fetch"
+            crossOrigin="anonymous"
+            href="/api/me/votes"
+            rel="preload"
+          />
+        )}
       </Head>
       <main class="flex-1 p-4">
         {NEEDS_SETUP && <SetupInstruction />}

diff --git a/routes/items/[id].tsx b/routes/items/[id].tsx
@@ -54,6 +54,14 @@ export default async function ItemsItemPage(
           href={endpoint}
           rel="preload"
         />
+        {isSignedIn && (
+          <link
+            as="fetch"
+            crossOrigin="anonymous"
+            href="/api/me/votes"
+            rel="preload"
+          />
+        )}
       </Head>
       <main class="flex-1 p-4 space-y-8">
         <ItemSummary

diff --git a/routes/users/[login].tsx b/routes/users/[login].tsx
@@ -42,23 +42,32 @@ export default async function UsersUserPage(
   const user = await getUser(login);
   if (user === null) return await ctx.renderNotFound();
   const isSignedIn = ctx.state.sessionUser !== undefined;
+  const endpoint = `/api/users/${login}/items`;
 
   return (
     <>
       <Head title={user.login} href={ctx.url.href}>
         <link
           as="fetch"
           crossOrigin="anonymous"
-          href={`/api/users/${login}/items`}
+          href={endpoint}
           rel="preload"
         />
+        {isSignedIn && (
+          <link
+            as="fetch"
+            crossOrigin="anonymous"
+            href="/api/me/votes"
+            rel="preload"
+          />
+        )}
       </Head>
       <main class="flex-1 p-4 flex flex-col md:flex-row gap-8">
         <div class="flex justify-center p-4">
           <Profile isSubscribed={user.isSubscribed} login={user.login} />
         </div>
         <ItemsList
-          endpoint={`/api/users/${user.login}/items`}
+          endpoint={endpoint}
           isSignedIn={isSignedIn}
         />
       </main>