fix: blog and footer link components

basedosdados · Dec 13, 2024 · 1e4cecf · 1e4cecf
1 parent 2acc6ec
commit 1e4cecf
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/next/components/molecules/Footer.js b/next/components/molecules/Footer.js
@@ -65,7 +65,7 @@ function FooterLink(props) {
       letterSpacing="0.3px"
       color="#FFF"
       target="_blank"
-      href={`/${locale}${props.href}`}
+      href={`${props.href}`}
       {...props}
     />
   )

diff --git a/next/components/organisms/Blog/Slug.js b/next/components/organisms/Blog/Slug.js
@@ -18,6 +18,7 @@ import {
   Th,
   Stack,
   Divider,
+  Link as ChakraLink,
 } from "@chakra-ui/react";
 import { useTranslation } from 'next-i18next';
 import { useRouter } from "next/router";
@@ -192,27 +193,30 @@ export function ShareButtons({ frontmatter }) {
 
   return (
     <Box display="flex" alignItems="center" gap="10px">
-      <Link
+      <ChakraLink
         href={`https://x.com/share?text=${encodeURIComponent(text)}&url=${encodedUrl}`}
         _hover={{opacity: 0.8}}
         target="_blank"
+        isExternal
       >
         <XIcon width="18px" height="18px" />
-      </Link>
-      <Link
+      </ChakraLink>
+      <ChakraLink
         href={`https://www.facebook.com/sharer/sharer.php?t=${encodeURIComponent(text)}&u=${encodedUrl}`}
         _hover={{opacity: 0.8}}
         target="_blank"
+        isExternal
       >
         <FacebookIcon width="25px" height="25px" />
-      </Link>
-      <Link
+      </ChakraLink>
+      <ChakraLink
         href={`https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`}
         _hover={{opacity: 0.8}}
         target="_blank"
+        isExternal
       >
         <LinkedInIcon width="25px" height="25px" />
-      </Link>
+      </ChakraLink>
       <NativeShare url={url} title={title} description={description}/>
     </Box>
   );

diff --git a/next/pages/blog/[slug].js b/next/pages/blog/[slug].js
@@ -148,6 +148,7 @@ export default function Post({ slug, locale, mdxSource, headings }) {
         {frontmatter.categories.map((elm) => {
           return (
             <Link
+              key={elm}
               href={`/blog?category=${elm}`}
               fontSize="14px"
               fontWeight="400"