Merge pull request #443 from datacite/no-prefetch

Disable Link prefetching across components
datacite · Jan 21, 2025 · 19ddc26 · 19ddc26
2 parents 3154898 + 057ad73
commit 19ddc26
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 18 deletions.
diff --git a/src/components/FacetList/FacetListItem.tsx b/src/components/FacetList/FacetListItem.tsx
@@ -56,7 +56,7 @@ export default function FacetListItem(props: Props) {
   return (
     <Row as="li" key={facet.id}>
       <Col xs={1} className={styles.checkbox}>
-        <Link href={url + params.toString()} className={"facet-" + param}>
+        <Link prefetch={false} href={url + params.toString()} className={"facet-" + param}>
           <FontAwesomeIcon icon={icon} />{' '}
         </Link>
       </Col>

diff --git a/src/components/OrganizationMetadata/OrganizationMetadata.tsx b/src/components/OrganizationMetadata/OrganizationMetadata.tsx
@@ -228,7 +228,7 @@ function TitleLink({ linkToExternal, id, name, alternateName, show }: TitleProps
 
   function LinkWrapper({ children }: PropsWithChildren) {
     if (!linkToExternal)
-      return <Link href={'/ror.org' + rorFromUrl(id)} className="fw-bold">{children}</Link>
+      return <Link prefetch={false} href={'/ror.org' + rorFromUrl(id)} className="fw-bold">{children}</Link>
 
     return <a target="_blank" rel="noreferrer" href={id}>{children}</a>
   }

diff --git a/src/components/PersonEmployment/PersonEmployment.tsx b/src/components/PersonEmployment/PersonEmployment.tsx
@@ -15,7 +15,7 @@ const PersonEmployment: React.FunctionComponent<Props> = ({ employment }) => {
 
     return (
       <h4 className="work">
-        <Link href={'/grid.ac' + gridFromUrl(employment.organizationId)}>
+        <Link prefetch={false} href={'/grid.ac' + gridFromUrl(employment.organizationId)}>
           {employment.organizationName}
         </Link>
       </h4>

diff --git a/src/components/RepositoryDetail/RepositoryDetail.tsx b/src/components/RepositoryDetail/RepositoryDetail.tsx
@@ -28,7 +28,7 @@ export function RepositorySidebar({ repo }: Props) {
           </Button>
         )}
         {repo.works && (repo.works.totalCount > 0) && (
-          <Link href={"/doi.org?query=client.uid:" + repo.clientId}>
+          <Link prefetch={false} href={"/doi.org?query=client.uid:" + repo.clientId}>
             <Button variant="primary" id="find-related">
               <FontAwesomeIcon icon={faNewspaper} />
               &nbsp;
@@ -208,5 +208,3 @@ export function RepositoryDetail({ repo }: Props) {
     </>
   )
 }
-
-
diff --git a/src/components/RepositoryMetadata/RepositoryMetadata.tsx b/src/components/RepositoryMetadata/RepositoryMetadata.tsx
@@ -75,9 +75,11 @@ function RepositoryMetadata({ repo }: Props) {
   return (
     <Row key={repo.id} className="panel panel-transparent">
       <Col className="panel-body">
-        <h3 className="fw-bold"><Link href={detailUrl()}>
-          {repo.name}
-        </Link></h3>
+        <h3 className="fw-bold">
+          <Link prefetch={false} href={detailUrl()}>
+            {repo.name}
+          </Link>
+        </h3>
         {description()}
         {tags()}
         {links()}

diff --git a/src/components/WorkFunding/WorkFunding.tsx b/src/components/WorkFunding/WorkFunding.tsx
@@ -20,7 +20,7 @@ const WorkFunding: React.FunctionComponent<Props> = ({ funding }) => {
     )
       return (
         <h4 className="work">
-          <Link href={'/doi.org' + doiFromUrl(funding.funderIdentifier)}>
+          <Link prefetch={false} href={'/doi.org' + doiFromUrl(funding.funderIdentifier)}>
             {funding.funderName}
           </Link>
         </h4>
@@ -37,7 +37,7 @@ const WorkFunding: React.FunctionComponent<Props> = ({ funding }) => {
       )}
       {showAwardLink && (
         <div className="award">
-          <Link href={'/doi.org' + doiFromUrl(funding.funderIdentifier || '') + '?query=fundingReferences.awardNumber:(' + funding.awardNumber + ')'}>
+          <Link prefetch={false} href={'/doi.org' + doiFromUrl(funding.funderIdentifier || '') + '?query=fundingReferences.awardNumber:(' + funding.awardNumber + ')'}>
             {funding.awardNumber}
           </Link>
         </div>

diff --git a/src/components/WorkMetadata/WorkMetadata.tsx b/src/components/WorkMetadata/WorkMetadata.tsx
@@ -50,7 +50,7 @@ export default function WorkMetadata({
     if (!metadata.titles[0])
       return (
         <h3 className="work">
-          <Link href={'/doi.org/' + metadata.doi}>
+          <Link prefetch={false} href={'/doi.org/' + metadata.doi}>
             No Title
           </Link>
         </h3>
@@ -61,7 +61,7 @@ export default function WorkMetadata({
 
     return (
       <h3 className="work">
-        <Link href={'/doi.org/' + metadata.doi}>
+        <Link prefetch={false} href={'/doi.org/' + metadata.doi}>
           {ReactHtmlParser(sanitizedTitle)}
         </Link>
       </h3>
@@ -123,7 +123,7 @@ export default function WorkMetadata({
       <div className="creators">
         {creatorList.map((c, index) =>
           c.id !== null ? (
-            <Link href={'/orcid.org' + c.id} key={index}>
+            <Link prefetch={false} href={'/orcid.org' + c.id} key={index}>
               {c.displayName}
             </Link>
           ) : (

diff --git a/src/components/WorkPerson/WorkPerson.tsx b/src/components/WorkPerson/WorkPerson.tsx
@@ -32,7 +32,7 @@ const WorkPerson: React.FunctionComponent<Props> = ({ person }) => {
     return (
       <>
         <h4 className="work">
-          <Link href={'/orcid.org' + orcidFromUrl(person.id)}>
+          <Link prefetch={false} href={'/orcid.org' + orcidFromUrl(person.id)}>
             {name}
           </Link>
         </h4>
@@ -42,7 +42,7 @@ const WorkPerson: React.FunctionComponent<Props> = ({ person }) => {
               {person.affiliation?.map((item) =>
                 item.id ? (
                   <div className="affiliation" key={item.id}>
-                    <Link href={'/ror.org' + rorFromUrl(item.id)}>
+                    <Link prefetch={false} href={'/ror.org' + rorFromUrl(item.id)}>
                         {item.name}
                     </Link>
                   </div>
@@ -65,7 +65,7 @@ const WorkPerson: React.FunctionComponent<Props> = ({ person }) => {
     return (
       <>
         <h4 className="work">
-          <Link href={'/ror.org' + rorFromUrl(person.id)}>
+          <Link prefetch={false} href={'/ror.org' + rorFromUrl(person.id)}>
             {name}
           </Link>
         </h4>
@@ -75,7 +75,7 @@ const WorkPerson: React.FunctionComponent<Props> = ({ person }) => {
               {person.affiliation?.map((item) =>
                 item.id ? (
                   <div className="affiliation" key={item.id}>
-                    <Link href={'/ror.org' + rorFromUrl(item.id)}>
+                    <Link prefetch={false} href={'/ror.org' + rorFromUrl(item.id)}>
                         {item.name}
                     </Link>
                   </div>