From 6dda7be0e847e5fc140600fdef77f95ce354063b Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Thu, 17 Oct 2024 14:09:21 +0000
Subject: [PATCH 1/9] Intial removal of legacyBehaviour from next js links

---
 frontend/pages/help.tsx           | 4 ++--
 frontend/src/Link.tsx             | 5 +----
 frontend/src/docs/DocsWrapper.tsx | 4 ++--
 frontend/src/docs/IntroCard.tsx   | 2 +-
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/frontend/pages/help.tsx b/frontend/pages/help.tsx
index 6c755c217..f5f202a6c 100644
--- a/frontend/pages/help.tsx
+++ b/frontend/pages/help.tsx
@@ -69,8 +69,8 @@ export default function Help() {
                     To find out more about Bailo please see our documentation pages.
                   </Typography>
                 </CardContent>
-                <CardActions>
-                  <Link passHref href='/docs' legacyBehavior>
+                <CardActions sx={{ justifyContent: 'center' }}>
+                  <Link passHref href='/docs'>
                     <Button variant='contained' sx={{ mx: 'auto', mb: 2, width: 200 }} data-test='documentationLink'>
                       View documentation
                     </Button>
diff --git a/frontend/src/Link.tsx b/frontend/src/Link.tsx
index 6bfe03eff..7a0167248 100644
--- a/frontend/src/Link.tsx
+++ b/frontend/src/Link.tsx
@@ -17,7 +17,7 @@ interface NextLinkComposedProps
 
 export const NextLinkComposed = forwardRef<HTMLAnchorElement, NextLinkComposedProps>(
   function NextLinkComposed(props, ref) {
-    const { to, linkAs, replace, scroll, shallow, prefetch, legacyBehavior = true, locale, ...other } = props
+    const { to, linkAs, replace, scroll, shallow, prefetch, locale, ...other } = props
 
     return (
       <NextLink
@@ -29,7 +29,6 @@ export const NextLinkComposed = forwardRef<HTMLAnchorElement, NextLinkComposedPr
         shallow={shallow}
         passHref
         locale={locale}
-        legacyBehavior={legacyBehavior}
       >
         <Anchor ref={ref} {...other} />
       </NextLink>
@@ -54,7 +53,6 @@ const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref)
     as,
     className: classNameProps,
     href,
-    legacyBehavior,
     linkAs: linkAsProp,
     locale,
     noLinkStyle,
@@ -90,7 +88,6 @@ const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref)
     scroll,
     shallow,
     prefetch,
-    legacyBehavior,
     locale,
   }
 
diff --git a/frontend/src/docs/DocsWrapper.tsx b/frontend/src/docs/DocsWrapper.tsx
index ff06d440d..88988cd02 100644
--- a/frontend/src/docs/DocsWrapper.tsx
+++ b/frontend/src/docs/DocsWrapper.tsx
@@ -65,7 +65,7 @@ export default function DocsWrapper({ children }: DocsWrapperProps): ReactElemen
               <ListItemText primary={doc.title} primaryTypographyProps={{ fontWeight: 'bold' }} />
             </ListItem>
           ) : (
-            <Link passHref href={path} legacyBehavior>
+            <Link passHref href={path} style={{ textDecoration: 'none', color: 'black' }}>
               <ListItemButton dense selected={isSelected} sx={{ pl: paddingLeft }}>
                 <ListItemText
                   primary={doc.title}
@@ -133,7 +133,7 @@ export default function DocsWrapper({ children }: DocsWrapperProps): ReactElemen
                   color: theme.palette.primary.main,
                 },
                 'a:visited': {
-                  color: theme.palette.primary.main,
+                  color: theme.palette.secondary.main,
                 },
                 blockquote: {
                   fontStyle: 'italic',
diff --git a/frontend/src/docs/IntroCard.tsx b/frontend/src/docs/IntroCard.tsx
index 5c18d4673..976444a65 100644
--- a/frontend/src/docs/IntroCard.tsx
+++ b/frontend/src/docs/IntroCard.tsx
@@ -28,7 +28,7 @@ export default function IntroCard({ title, user, url, children }: IntroCardProps
         </Typography>
       </CardContent>
       <CardActions>
-        <Link passHref href={url} legacyBehavior>
+        <Link passHref href={url}>
           <Button size='small'>Learn More</Button>
         </Link>
       </CardActions>

From 43da703acb1c8c32a0aafe20e29e639c9c23d706 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 10:44:12 +0000
Subject: [PATCH 2/9] codemod

---
 .husky/pre-commit                      | 4 ----
 frontend/pages/help.tsx                | 2 +-
 frontend/src/Link.tsx                  | 1 +
 frontend/src/docs/DocsWrapper.tsx      | 2 +-
 frontend/src/docs/IntroCard.tsx        | 2 +-
 frontend/src/marketplace/EntryList.tsx | 2 +-
 6 files changed, 5 insertions(+), 8 deletions(-)
 delete mode 100755 .husky/pre-commit

diff --git a/.husky/pre-commit b/.husky/pre-commit
deleted file mode 100755
index d24fdfc60..000000000
--- a/.husky/pre-commit
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx lint-staged
diff --git a/frontend/pages/help.tsx b/frontend/pages/help.tsx
index f5f202a6c..b3b418d95 100644
--- a/frontend/pages/help.tsx
+++ b/frontend/pages/help.tsx
@@ -70,7 +70,7 @@ export default function Help() {
                   </Typography>
                 </CardContent>
                 <CardActions sx={{ justifyContent: 'center' }}>
-                  <Link passHref href='/docs'>
+                  <Link passHref href='/docs' legacyBehavior>
                     <Button variant='contained' sx={{ mx: 'auto', mb: 2, width: 200 }} data-test='documentationLink'>
                       View documentation
                     </Button>
diff --git a/frontend/src/Link.tsx b/frontend/src/Link.tsx
index 7a0167248..6748a460d 100644
--- a/frontend/src/Link.tsx
+++ b/frontend/src/Link.tsx
@@ -29,6 +29,7 @@ export const NextLinkComposed = forwardRef<HTMLAnchorElement, NextLinkComposedPr
         shallow={shallow}
         passHref
         locale={locale}
+        legacyBehavior
       >
         <Anchor ref={ref} {...other} />
       </NextLink>
diff --git a/frontend/src/docs/DocsWrapper.tsx b/frontend/src/docs/DocsWrapper.tsx
index 88988cd02..d79b629e6 100644
--- a/frontend/src/docs/DocsWrapper.tsx
+++ b/frontend/src/docs/DocsWrapper.tsx
@@ -65,7 +65,7 @@ export default function DocsWrapper({ children }: DocsWrapperProps): ReactElemen
               <ListItemText primary={doc.title} primaryTypographyProps={{ fontWeight: 'bold' }} />
             </ListItem>
           ) : (
-            <Link passHref href={path} style={{ textDecoration: 'none', color: 'black' }}>
+            <Link passHref href={path} style={{ textDecoration: 'none', color: 'black' }} legacyBehavior>
               <ListItemButton dense selected={isSelected} sx={{ pl: paddingLeft }}>
                 <ListItemText
                   primary={doc.title}
diff --git a/frontend/src/docs/IntroCard.tsx b/frontend/src/docs/IntroCard.tsx
index 976444a65..5c18d4673 100644
--- a/frontend/src/docs/IntroCard.tsx
+++ b/frontend/src/docs/IntroCard.tsx
@@ -28,7 +28,7 @@ export default function IntroCard({ title, user, url, children }: IntroCardProps
         </Typography>
       </CardContent>
       <CardActions>
-        <Link passHref href={url}>
+        <Link passHref href={url} legacyBehavior>
           <Button size='small'>Learn More</Button>
         </Link>
       </CardActions>
diff --git a/frontend/src/marketplace/EntryList.tsx b/frontend/src/marketplace/EntryList.tsx
index 383cac9b9..c6a96c503 100644
--- a/frontend/src/marketplace/EntryList.tsx
+++ b/frontend/src/marketplace/EntryList.tsx
@@ -26,7 +26,7 @@ export default function EntryList({
     return entries.map((entry, index) => (
       <Fragment key={entry.id}>
         <Stack direction='row'>
-          <Link style={{ textDecoration: 'none' }} href={`${entry.kind}/${entry.id}`} passHref>
+          <Link style={{ textDecoration: 'none' }} href={`${entry.kind}/${entry.id}`} passHref legacyBehavior>
             <MuiLink variant='h5' sx={{ fontWeight: '500', textDecoration: 'none', color: theme.palette.primary.main }}>
               {entry.name}
             </MuiLink>

From 4308419832f51fad15d5cb03e972ffed6469df72 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 11:09:26 +0000
Subject: [PATCH 3/9] revert changes

Revert "revert changes"

This reverts commit 55613efbddf5784b0f42bb60976ec723b6a813b8.

From ae1829992c904f23ba2358e70c87225d9e90b082 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 11:14:04 +0000
Subject: [PATCH 4/9] remove legacy behavior from EntryList

---
 frontend/src/marketplace/EntryList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/marketplace/EntryList.tsx b/frontend/src/marketplace/EntryList.tsx
index c6a96c503..383cac9b9 100644
--- a/frontend/src/marketplace/EntryList.tsx
+++ b/frontend/src/marketplace/EntryList.tsx
@@ -26,7 +26,7 @@ export default function EntryList({
     return entries.map((entry, index) => (
       <Fragment key={entry.id}>
         <Stack direction='row'>
-          <Link style={{ textDecoration: 'none' }} href={`${entry.kind}/${entry.id}`} passHref legacyBehavior>
+          <Link style={{ textDecoration: 'none' }} href={`${entry.kind}/${entry.id}`} passHref>
             <MuiLink variant='h5' sx={{ fontWeight: '500', textDecoration: 'none', color: theme.palette.primary.main }}>
               {entry.name}
             </MuiLink>

From 76b9a2e05bc7da8dde0eff6c321762a852845bf1 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 11:21:17 +0000
Subject: [PATCH 5/9] All legacy behaviour removed except for custom link

---
 frontend/pages/help.tsx           | 2 +-
 frontend/src/docs/DocsWrapper.tsx | 4 ++--
 frontend/src/docs/IntroCard.tsx   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/help.tsx b/frontend/pages/help.tsx
index b3b418d95..f5f202a6c 100644
--- a/frontend/pages/help.tsx
+++ b/frontend/pages/help.tsx
@@ -70,7 +70,7 @@ export default function Help() {
                   </Typography>
                 </CardContent>
                 <CardActions sx={{ justifyContent: 'center' }}>
-                  <Link passHref href='/docs' legacyBehavior>
+                  <Link passHref href='/docs'>
                     <Button variant='contained' sx={{ mx: 'auto', mb: 2, width: 200 }} data-test='documentationLink'>
                       View documentation
                     </Button>
diff --git a/frontend/src/docs/DocsWrapper.tsx b/frontend/src/docs/DocsWrapper.tsx
index d79b629e6..b4f4dd32c 100644
--- a/frontend/src/docs/DocsWrapper.tsx
+++ b/frontend/src/docs/DocsWrapper.tsx
@@ -65,7 +65,7 @@ export default function DocsWrapper({ children }: DocsWrapperProps): ReactElemen
               <ListItemText primary={doc.title} primaryTypographyProps={{ fontWeight: 'bold' }} />
             </ListItem>
           ) : (
-            <Link passHref href={path} style={{ textDecoration: 'none', color: 'black' }} legacyBehavior>
+            <Link passHref href={path} style={{ textDecoration: 'none', color: 'black' }}>
               <ListItemButton dense selected={isSelected} sx={{ pl: paddingLeft }}>
                 <ListItemText
                   primary={doc.title}
@@ -133,7 +133,7 @@ export default function DocsWrapper({ children }: DocsWrapperProps): ReactElemen
                   color: theme.palette.primary.main,
                 },
                 'a:visited': {
-                  color: theme.palette.secondary.main,
+                  color: theme.palette.primary.main,
                 },
                 blockquote: {
                   fontStyle: 'italic',
diff --git a/frontend/src/docs/IntroCard.tsx b/frontend/src/docs/IntroCard.tsx
index 5c18d4673..976444a65 100644
--- a/frontend/src/docs/IntroCard.tsx
+++ b/frontend/src/docs/IntroCard.tsx
@@ -28,7 +28,7 @@ export default function IntroCard({ title, user, url, children }: IntroCardProps
         </Typography>
       </CardContent>
       <CardActions>
-        <Link passHref href={url} legacyBehavior>
+        <Link passHref href={url}>
           <Button size='small'>Learn More</Button>
         </Link>
       </CardActions>

From 4ff6571567e1cfc50cfe6e682d784d9decf03b54 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 11:24:58 +0000
Subject: [PATCH 6/9] remove legacy behaviour in custom link

---
 frontend/src/Link.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Link.tsx b/frontend/src/Link.tsx
index 6748a460d..29076f57b 100644
--- a/frontend/src/Link.tsx
+++ b/frontend/src/Link.tsx
@@ -29,9 +29,9 @@ export const NextLinkComposed = forwardRef<HTMLAnchorElement, NextLinkComposedPr
         shallow={shallow}
         passHref
         locale={locale}
-        legacyBehavior
+        {...other}
       >
-        <Anchor ref={ref} {...other} />
+        {props.children}
       </NextLink>
     )
   },

From b3050972078220d84588322da9df24cf86f61868 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 12:11:49 +0000
Subject: [PATCH 7/9] add the file

---
 .husky/pre-commit | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100755 .husky/pre-commit

diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100755
index 000000000..d24fdfc60
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

From a264af5c22972c11c89bdf38e315d60863a0b580 Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 12:24:54 +0000
Subject: [PATCH 8/9] changed link to inherit colour

---
 frontend/src/docs/DocsWrapper.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/docs/DocsWrapper.tsx b/frontend/src/docs/DocsWrapper.tsx
index b4f4dd32c..0c972da23 100644
--- a/frontend/src/docs/DocsWrapper.tsx
+++ b/frontend/src/docs/DocsWrapper.tsx
@@ -65,7 +65,7 @@ export default function DocsWrapper({ children }: DocsWrapperProps): ReactElemen
               <ListItemText primary={doc.title} primaryTypographyProps={{ fontWeight: 'bold' }} />
             </ListItem>
           ) : (
-            <Link passHref href={path} style={{ textDecoration: 'none', color: 'black' }}>
+            <Link passHref href={path} style={{ textDecoration: 'none', color: 'inherit' }}>
               <ListItemButton dense selected={isSelected} sx={{ pl: paddingLeft }}>
                 <ListItemText
                   primary={doc.title}

From 083ae3e8d894bb7e6c04710841ef509fe095099e Mon Sep 17 00:00:00 2001
From: KW86022 <184099420+KW86022@users.noreply.github.com>
Date: Tue, 22 Oct 2024 20:53:37 +0000
Subject: [PATCH 9/9] ensure ref is still passed down

---
 frontend/src/Link.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/Link.tsx b/frontend/src/Link.tsx
index 29076f57b..40ef297d8 100644
--- a/frontend/src/Link.tsx
+++ b/frontend/src/Link.tsx
@@ -29,6 +29,7 @@ export const NextLinkComposed = forwardRef<HTMLAnchorElement, NextLinkComposedPr
         shallow={shallow}
         passHref
         locale={locale}
+        ref={ref}
         {...other}
       >
         {props.children}