use next/link for breadcrumbs for folders and headers (#960)

opengovsg · Dec 24, 2024 · 886444a · 886444a
1 parent 75150e9
commit 886444a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/apps/studio/src/pages/sites/[siteId]/collections/[resourceId].tsx b/apps/studio/src/pages/sites/[siteId]/collections/[resourceId].tsx
@@ -1,3 +1,4 @@
+import NextLink from "next/link"
 import {
   Box,
   BreadcrumbItem,
@@ -51,7 +52,7 @@ const CollectionResourceListPage: NextPageWithLayout = () => {
       <Stack w="100%" p="1.75rem" gap="1rem" height="$100vh" overflow="auto">
         <Breadcrumb size="sm">
           <BreadcrumbItem>
-            <BreadcrumbLink href={`/sites/${siteId}`}>
+            <BreadcrumbLink href={`/sites/${siteId}`} as={NextLink}>
               <Text textStyle="caption-2" color="interaction.links.default">
                 Home
               </Text>

diff --git a/apps/studio/src/pages/sites/[siteId]/folders/[folderId]/index.tsx b/apps/studio/src/pages/sites/[siteId]/folders/[folderId]/index.tsx
@@ -1,3 +1,4 @@
+import NextLink from "next/link"
 import {
   Box,
   BreadcrumbItem,
@@ -122,7 +123,7 @@ const FolderPage: NextPageWithLayout = () => {
             {breadcrumbs.map(({ href, label }, index) => {
               return (
                 <BreadcrumbItem key={index}>
-                  <BreadcrumbLink href={href}>
+                  <BreadcrumbLink href={href} as={NextLink}>
                     <Text
                       textStyle="caption-2"
                       color="interaction.links.default"