fix: disable link prefetching in searchbar

lutralabs · Jun 7, 2024 · d1e13f9 · d1e13f9
1 parent 3fdb02c
commit d1e13f9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/packages/dapp/src/app/profile/[slug]/Feed.tsx b/packages/dapp/src/app/profile/[slug]/Feed.tsx
@@ -46,6 +46,7 @@ export const Feed = ({ account, platform, tab, network }: FeedProps) => {
             href={`?platform=${platform}&tab=dashboard`}
             data-state={_tab === 'dashboard' ? 'active' : ''}
             scroll={false}
+            prefetch={false}
           >
             Dashboard
           </Link>
@@ -54,6 +55,7 @@ export const Feed = ({ account, platform, tab, network }: FeedProps) => {
             className="cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
             data-state={_tab === 'explorer' ? 'active' : ''}
             scroll={false}
+            prefetch={false}
           >
             Endorsement Explorer 🚧
           </Link>
@@ -62,6 +64,7 @@ export const Feed = ({ account, platform, tab, network }: FeedProps) => {
             className="cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
             data-state={_tab === 'graph' ? 'active' : ''}
             scroll={false}
+            prefetch={false}
           >
             Social Graph 🚧
           </Link>

diff --git a/packages/dapp/src/app/profile/[slug]/ShareDialog.tsx b/packages/dapp/src/app/profile/[slug]/ShareDialog.tsx
@@ -67,6 +67,7 @@ export function ShareDialog({
               <TwitterIcon size={32} round />
             </TwitterShareButton>
             <Link
+              prefetch={false}
               href={`https://hey.xyz/?text=${encodeURIComponent(
                 `Check out my profile on Endorse.fun!\n ${shareLink}\n`
               )}&hashtags=${encodeURIComponent('Masca,Identity,Credential')}`}
@@ -80,6 +81,7 @@ export function ShareDialog({
               />
             </Link>
             <Link
+              prefetch={false}
               href={`https://warpcast.com/~/compose?text=${encodeURIComponent(
                 'Check out my profile on Endorse.fun!'
               )}&embeds[]=${shareLink}`}

diff --git a/packages/dapp/src/components/Navbar/Searchbar.tsx b/packages/dapp/src/components/Navbar/Searchbar.tsx
@@ -91,6 +91,7 @@ export const Searchbar = () => {
                   setShowDropdown(false);
                   setModalOpen(false);
                 }}
+                prefetch={false}
                 href={`/profile/${account.value}?platform=${account.platform}`}
                 className="w-full justify-start gap-x-2 hover:bg-gray-100 inline-flex items-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 px-4 py-2"
               >
@@ -114,6 +115,7 @@ export const Searchbar = () => {
                 setShowDropdown(false);
                 setModalOpen(false);
               }}
+              prefetch={false}
               href={`/profile/${query}?platform=${PlatformType.ethereum}`}
               className="w-full justify-start gap-x-2 hover:bg-gray-100 inline-flex items-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 px-4 py-2"
             >
@@ -131,6 +133,7 @@ export const Searchbar = () => {
                 Results
               </div>
               <Link
+                prefetch={false}
                 onClick={() => {
                   setShowDropdown(false);
                   setModalOpen(false);
@@ -147,6 +150,7 @@ export const Searchbar = () => {
                 {query}.eth
               </Link>
               <Link
+                prefetch={false}
                 onClick={() => {
                   setShowDropdown(false);
                   setModalOpen(false);
@@ -163,6 +167,7 @@ export const Searchbar = () => {
                 {query}.lens
               </Link>
               <Link
+                prefetch={false}
                 onClick={() => {
                   setShowDropdown(false);
                   setModalOpen(false);