From bf078e07fe34063ca0849692062b8cf8201ca016 Mon Sep 17 00:00:00 2001
From: Diogo Soares <diogo.lsoares@gmail.com>
Date: Tue, 2 Apr 2024 23:42:24 +0200
Subject: [PATCH] use next/link

---
 src/components/Blog/FeaturedPost/index.tsx | 9 +++++----
 src/pages/blog/[slug].tsx                  | 5 ++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Blog/FeaturedPost/index.tsx b/src/components/Blog/FeaturedPost/index.tsx
index 782b26d2d..230cd1b2b 100644
--- a/src/components/Blog/FeaturedPost/index.tsx
+++ b/src/components/Blog/FeaturedPost/index.tsx
@@ -1,6 +1,6 @@
 import Image from 'next/image'
 import Tags from '@/components/Blog/Tags'
-import { Box, Grid, Link, Typography } from '@mui/material'
+import { Box, Grid, Typography } from '@mui/material'
 import css from './styles.module.css'
 import blogCss from '../styles.module.css'
 import { formatBlogDate } from '@/components/Blog/utils/formatBlogDate'
@@ -10,6 +10,7 @@ import { isAsset } from '@/lib/typeGuards'
 import CategoryIcon from '@/public/images/Blog/category-icon.svg'
 import { AppRoutes } from '@/config/routes'
 import { containsTag, PRESS_RELEASE_TAG } from '@/lib/containsTag'
+import NextLink from 'next/link'
 
 const FeaturedPost = (props: BlogPostEntry) => {
   const { slug, coverImage, category, date, title, excerpt, tags, content } = props.fields
@@ -26,7 +27,7 @@ const FeaturedPost = (props: BlogPostEntry) => {
       <Grid container columnSpacing="60px" rowGap={3}>
         <Grid item md={7}>
           {isAsset(coverImage) && coverImage.fields.file?.url ? (
-            <Link href={`/blog/${slug}`}>
+            <NextLink href={`/blog/${slug}`}>
               <Image
                 src={coverImage.fields.file.url}
                 alt={coverImage.fields.title ?? ''}
@@ -34,7 +35,7 @@ const FeaturedPost = (props: BlogPostEntry) => {
                 height={coverImage.fields.file.details.image?.height}
                 className={css.image}
               />
-            </Link>
+            </NextLink>
           ) : undefined}
         </Grid>
 
@@ -50,7 +51,7 @@ const FeaturedPost = (props: BlogPostEntry) => {
             <Typography variant="caption">{formatBlogDate(date)}</Typography>
           </div>
           <Typography variant="h3" className={css.title}>
-            <Link href={`${AppRoutes.blog.index}/${slug}`}>{title}</Link>
+            <NextLink href={`${AppRoutes.blog.index}/${slug}`}>{title}</NextLink>
           </Typography>
           <Typography className={css.excerpt}>{excerpt}</Typography>
 
diff --git a/src/pages/blog/[slug].tsx b/src/pages/blog/[slug].tsx
index 64b80f062..81be75bd7 100644
--- a/src/pages/blog/[slug].tsx
+++ b/src/pages/blog/[slug].tsx
@@ -4,7 +4,7 @@ import { client, previewClient } from '@/lib/contentful'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 
-const fetchDraftContent = async (slug: string, isPreview: boolean) => {
+const fetchContent = async (slug: string, isPreview: boolean) => {
   const cfClient = isPreview ? previewClient : client
 
   const content = await cfClient.getEntries<TypePostSkeleton>({
@@ -18,12 +18,11 @@ const fetchDraftContent = async (slug: string, isPreview: boolean) => {
 const Page = () => {
   const router = useRouter()
   const { slug, secret } = router.query as { slug: any; secret: string }
-  console.log('router query', router.query)
   const [blogPost, setBlogPost] = useState<BlogPostEntry | null>(null)
 
   useEffect(() => {
     if (slug) {
-      fetchDraftContent(slug, !!secret).then((content) => {
+      fetchContent(slug, !!secret).then((content) => {
         setBlogPost(content)
       })
     }