From 0d93ede752071390109a7c9b0b548188c1c78909 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Tue, 28 Mar 2023 10:38:57 +0100
Subject: [PATCH 1/6] Add external icon svg

---
 src/components/link.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/link.tsx b/src/components/link.tsx
index 40c750461f..b02fe01fa1 100644
--- a/src/components/link.tsx
+++ b/src/components/link.tsx
@@ -17,8 +17,21 @@ const Link = ({
   ...props
 }: LinkProps & React.ReactNode) =>
   !to || isAbsoluteUrl(to) ? (
-    <a href={to} {...props}>
+    <a href={to} {...props} target="__blank" rel="noopener">
       {props.children}
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="12"
+        height="12"
+        viewBox="0 0 12 12"
+        fill="currentColor"
+        color="inherit"
+      >
+        <path
+          fill="inherit"
+          d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z"
+        />
+      </svg>
     </a>
   ) : (
     <GatsbyLink

From cadcee52db7ac86a80b74ef1fce0da54a95fc896 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Tue, 28 Mar 2023 11:51:47 +0100
Subject: [PATCH 2/6] mend

---
 src/components/link.tsx | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/link.tsx b/src/components/link.tsx
index b02fe01fa1..7959ecf8a7 100644
--- a/src/components/link.tsx
+++ b/src/components/link.tsx
@@ -19,19 +19,21 @@ const Link = ({
   !to || isAbsoluteUrl(to) ? (
     <a href={to} {...props} target="__blank" rel="noopener">
       {props.children}
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="12"
-        height="12"
-        viewBox="0 0 12 12"
-        fill="currentColor"
-        color="inherit"
-      >
-        <path
-          fill="inherit"
-          d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z"
-        />
-      </svg>
+      {to && isAbsoluteUrl(to) && (
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="12"
+          height="12"
+          viewBox="0 0 12 12"
+          fill="currentColor"
+          color="inherit"
+        >
+          <path
+            fill="inherit"
+            d="M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z"
+          />
+        </svg>
+      )}
     </a>
   ) : (
     <GatsbyLink

From 4151ef9f3cbc02beaa0deeb9ec613109e0b4b4c7 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Wed, 29 Mar 2023 10:38:48 +0100
Subject: [PATCH 3/6] Add custom a element to mdx provider

---
 src/components/header.tsx                 |  6 +++---
 src/components/link.tsx                   | 13 +++++++------
 src/components/pageBottom.tsx             |  2 +-
 src/components/parentTitleComp.tsx        |  2 +-
 src/components/search/hitComps.tsx        |  2 +-
 src/components/shortcodes/index.tsx       |  3 ++-
 src/components/shortcodes/subSections.tsx |  2 +-
 src/components/sidebar/treeNode.tsx       |  2 +-
 src/pages/index.tsx                       | 18 +++++++++---------
 9 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/components/header.tsx b/src/components/header.tsx
index 9668d102d9..748e23192c 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -256,7 +256,7 @@ const MenuItem = ({ componentToShow, type, text, link }: MenuItemProps) => {
       {showExpanded && componentToShow}
     </>
   ) : (
-    <DarkNavLink to={link}>
+    <DarkNavLink href={link}>
       <div className="menu-item">
         {text}
         <ExternalLink />
@@ -308,7 +308,7 @@ const HeaderSec = ({ headerProps }: HeaderViewProps) => {
 
             return (
               <DarkNavLink
-                to={item.to}
+                href={item.to}
                 state={{ bucketName: item.bucketName }}
                 activeClassName="active-item"
                 className={isCurrent ? 'active-item' : 'non-active'}
@@ -320,7 +320,7 @@ const HeaderSec = ({ headerProps }: HeaderViewProps) => {
         </div>
         <div>
           {externalLinkItems.map((item) => (
-            <DarkNavLink className="link" to={item.to}>
+            <DarkNavLink className="link" href={item.to}>
               {item.text} &nbsp;&nbsp;
               <ExternalLink />
             </DarkNavLink>
diff --git a/src/components/link.tsx b/src/components/link.tsx
index 7959ecf8a7..6de7cac54f 100644
--- a/src/components/link.tsx
+++ b/src/components/link.tsx
@@ -3,26 +3,27 @@ import { Link as GatsbyLink } from 'gatsby'
 import isAbsoluteUrl from 'is-absolute-url'
 
 interface LinkProps {
-  to: string | null
+  href: string | null
   activeClassName?: string
   partiallyActive?: string
   getProps?: any
 }
 
 const Link = ({
-  to,
+  href,
   activeClassName,
   partiallyActive,
   getProps,
   ...props
 }: LinkProps & React.ReactNode) =>
-  !to || isAbsoluteUrl(to) ? (
-    <a href={to} {...props} target="__blank" rel="noopener">
+  !href || isAbsoluteUrl(href) ? (
+    <a href={href} {...props} target="__blank" rel="noopener" style={{ display: 'inline-block' }}>
       {props.children}
-      {to && isAbsoluteUrl(to) && (
+      {href && isAbsoluteUrl(href) && (
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="12"
+          style={{ marginLeft: '4px' }}
           height="12"
           viewBox="0 0 12 12"
           fill="currentColor"
@@ -37,7 +38,7 @@ const Link = ({
     </a>
   ) : (
     <GatsbyLink
-      to={to}
+      to={href}
       activeClassName={activeClassName}
       partiallyActive={partiallyActive}
       getProps={getProps}
diff --git a/src/components/pageBottom.tsx b/src/components/pageBottom.tsx
index d73093e0a5..9809caa153 100644
--- a/src/components/pageBottom.tsx
+++ b/src/components/pageBottom.tsx
@@ -182,7 +182,7 @@ const PageBottom = ({ editDocsPath }: any) => {
         </Content>
       </Wrapper>
       {editDocsPath && (
-        <Link className="edit-git" to={`${editDocsPath}`}>
+        <Link className="edit-git" href={`${editDocsPath}`}>
           Edit this page on GitHub
         </Link>
       )}
diff --git a/src/components/parentTitleComp.tsx b/src/components/parentTitleComp.tsx
index fce6baf768..8f7c1d2238 100644
--- a/src/components/parentTitleComp.tsx
+++ b/src/components/parentTitleComp.tsx
@@ -39,7 +39,7 @@ const ParentTitle = ({ slug, nonLink }: ParentTitleProps) => {
       {parentTitle.map((part: any, index: number) => (
         <span key={index}>
           {part.link && !nonLink ? (
-            <Link to={part.link}>
+            <Link href={part.link}>
               <span className={`${part.codeStyle ? 'inline-code' : ''}`}>{part.title}</span>
             </Link>
           ) : (
diff --git a/src/components/search/hitComps.tsx b/src/components/search/hitComps.tsx
index c235e185b8..8f8d688c98 100644
--- a/src/components/search/hitComps.tsx
+++ b/src/components/search/hitComps.tsx
@@ -56,7 +56,7 @@ const HitComp = styled.div`
 const DocHit = ({ hit, selected }: any) =>
   hit._distinctSeqID == 0 ? (
     <HitComp style={{ background: selected ? '#F7FAFC' : 'white' }}>
-      <Link style={{ boxShadow: `none`, textDecoration: 'none' }} to={hit.path}>
+      <Link style={{ boxShadow: `none`, textDecoration: 'none' }} href={hit.path}>
         <ParentTitle slug={hit.slug} nonLink={true} />
         <h3>
           <Snippet hit={hit} attribute="title" tagName="mark" /> /{' '}
diff --git a/src/components/shortcodes/index.tsx b/src/components/shortcodes/index.tsx
index 2dd69171b2..ef4b577e48 100644
--- a/src/components/shortcodes/index.tsx
+++ b/src/components/shortcodes/index.tsx
@@ -16,6 +16,7 @@ import Admonition from './admonition'
 import Quiz from './quiz'
 import Tip from './tip'
 import NavigationLinksContainer from './navigationLinksContainer'
+import Link from '../link'
 
 const shortcodes = {
   h1: () => <h1 style={{ display: 'none' }} />,
@@ -23,7 +24,7 @@ const shortcodes = {
   h3: ({ id, ...props }: any) => <h3 id={id.replace(/inlinecode/g, '')} {...props} />,
   h4: ({ id, ...props }: any) => <h4 id={id.replace(/inlinecode/g, '')} {...props} />,
   a: ({ href, ...props }: any) => (
-    <a href={href ? href.replace(/inlinecode/g, '') : ''} {...props} />
+    <Link href={href ? href.replace(/inlinecode/g, '') : ''} {...props} />
   ),
   p: (props: any) => <p className="paragraph" {...props} />,
   ul: (props: any) => <ul className="list" {...props} />,
diff --git a/src/components/shortcodes/subSections.tsx b/src/components/shortcodes/subSections.tsx
index 2c8660578c..4adb5487b7 100644
--- a/src/components/shortcodes/subSections.tsx
+++ b/src/components/shortcodes/subSections.tsx
@@ -76,7 +76,7 @@ const Subsections = ({ depth, rootPath }: SubsecProps) => {
       <ul className="list">
         {subs.map((sec: any, index: number) => (
           <li key={index}>
-            <Link to={sec.url}>
+            <Link href={sec.url}>
               <span className={`${sec.codeStyle ? 'inline-code' : ''}`}>{sec.title}</span>
             </Link>
             {dep > 1 && sec.items.length > 0 && list(sec.items, dep - 1)}
diff --git a/src/components/sidebar/treeNode.tsx b/src/components/sidebar/treeNode.tsx
index b9b46b4287..fbcdaff971 100644
--- a/src/components/sidebar/treeNode.tsx
+++ b/src/components/sidebar/treeNode.tsx
@@ -236,7 +236,7 @@ const TreeNode = ({
     <ListItem className={calculatedClassName}>
       {title && label !== 'index' && !hidePage && (
         <Link
-          to={staticLink || topLevel ? null : url}
+          href={staticLink || topLevel ? null : url}
           activeClassName="active-item"
           className={isCurrent ? 'active-item' : 'non-active'}
           id={withPrefix(url)}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 9de8170fca..2c2fe15a11 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -377,10 +377,10 @@ const Homepage = () => {
         <h1>Prisma Documentation</h1>
         <NormalPara>
           Choose one of our{' '}
-          <Link to={SummaryLinkData.gettingStarted}>getting started tutorials</Link> or explore the{' '}
-          <Link to={SummaryLinkData.readyToRun}>ready-to-run examples on GitHub</Link>. Join our
-          thriving community on <Link to={SummaryLinkData.slack}>Slack</Link> and{' '}
-          <Link to={SummaryLinkData.git}>GitHub</Link> for help and ideas.
+          <Link href={SummaryLinkData.gettingStarted}>getting started tutorials</Link> or explore
+          the <Link href={SummaryLinkData.readyToRun}>ready-to-run examples on GitHub</Link>. Join
+          our thriving community on <Link href={SummaryLinkData.slack}>Slack</Link> and{' '}
+          <Link href={SummaryLinkData.git}>GitHub</Link> for help and ideas.
         </NormalPara>
         <SummaryLinks>
           {SummaryLinkData.buttons.map((slink: any, index: number) =>
@@ -412,7 +412,7 @@ const Homepage = () => {
               <List>
                 {generalLink.links.map((link: any) => (
                   <li key={index}>
-                    <Link to={link.url}>
+                    <Link href={link.url}>
                       <span className={`${link.codeBlock ? 'inline-code' : ''}`}>{link.text}</span>
                     </Link>
                   </li>
@@ -427,7 +427,7 @@ const Homepage = () => {
         <GuideLinkRow>
           {GuideLinkData.map((gLinkData: any, index: number) => (
             <LinkCard
-              to={gLinkData.url}
+              href={gLinkData.url}
               key={index}
               maxWidth={gLinkData.small ? '274px' : '384px'}
               style={{
@@ -451,7 +451,7 @@ const Homepage = () => {
               <span className="icon">{icons[rLinkData.icon]}</span>
               <Space height={16} />
               <ListTitle>
-                <Link to={rLinkData.mainUrl}>
+                <Link href={rLinkData.mainUrl}>
                   {rLinkData.categoryName} &nbsp;
                   <ArrowRight color="#A0AEC0" />{' '}
                 </Link>
@@ -459,7 +459,7 @@ const Homepage = () => {
               <List>
                 {rLinkData.links.map((link: any, index: number) => (
                   <li key={index}>
-                    <Link to={link.url}>
+                    <Link href={link.url}>
                       <span className={`${link.codeBlock ? 'inline-code' : ''}`}>{link.text}</span>
                     </Link>
                   </li>
@@ -474,7 +474,7 @@ const Homepage = () => {
           <MoreLinksList>
             {MoreUsefulLinks.map((uLink: any, index: number) => (
               <li key={index}>
-                <Link to={uLink.url}>
+                <Link href={uLink.url}>
                   <span className={`${uLink.codeBlock ? 'inline-code' : ''}`}>{uLink.text}</span>
                 </Link>
               </li>

From a46f2d2059497981b008af2d30ff05325173d194 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Wed, 5 Apr 2023 11:41:59 +0100
Subject: [PATCH 4/6] retrigger CI


From 518e1a952b946d425ba3ef95885c1efb235bd710 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Thu, 6 Apr 2023 09:23:32 +0100
Subject: [PATCH 5/6] retrigger CI


From 3ab9fd35c8589a2a3140886fc0efac05a9ed2feb Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Tue, 11 Apr 2023 14:58:33 +0100
Subject: [PATCH 6/6] prisma links to other repos are not external

---
 src/components/link.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/link.tsx b/src/components/link.tsx
index 6de7cac54f..509d71c46a 100644
--- a/src/components/link.tsx
+++ b/src/components/link.tsx
@@ -17,9 +17,15 @@ const Link = ({
   ...props
 }: LinkProps & React.ReactNode) =>
   !href || isAbsoluteUrl(href) ? (
-    <a href={href} {...props} target="__blank" rel="noopener" style={{ display: 'inline-block' }}>
+    <a
+      href={href}
+      {...props}
+      target={!href?.includes('prisma.io') ? '_blank' : '_self'}
+      rel={!href?.includes('prisma.io') ? 'noopener' : ''}
+      style={{ display: 'inline-block' }}
+    >
       {props.children}
-      {href && isAbsoluteUrl(href) && (
+      {href && isAbsoluteUrl(href) && !href.includes('prisma.io') && (
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="12"