From 85f00002318e8c46f013893fc21948ac13147fd8 Mon Sep 17 00:00:00 2001
From: aldemirlucas <aldemirlucas23@gmail.com>
Date: Mon, 9 Dec 2024 10:35:52 -0300
Subject: [PATCH] fix: add id container survey hotjar and ajusts visuais

---
 next/components/organisms/Blog/Slug.js |  7 +++++--
 next/pages/blog/[slug].js              | 26 ++++++++++++++++++++++++--
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/next/components/organisms/Blog/Slug.js b/next/components/organisms/Blog/Slug.js
index fc14cc24..e9ca71a8 100644
--- a/next/components/organisms/Blog/Slug.js
+++ b/next/components/organisms/Blog/Slug.js
@@ -62,7 +62,7 @@ function CodeBlock({ children }) {
     : { value: code };
 
   return (
-    <Box marginY={"1rem"} borderRadius={"8px"} backgroundColor={"#282b2e"}>
+    <Box marginY={"1rem"} borderRadius={"8px"} backgroundColor="#252A32">
       <Box display={"flex"} alignItems={"center"} padding={"0 0.5rem"}>
         {language ? (
           <Text
@@ -275,7 +275,10 @@ export function Toc({ headings }) {
               href={`#${id}`}
               fontFamily="Roboto"
               display="block"
-              _hover={{ textDecoration: "none" }}
+              _hover={{
+                textDecoration: "none",
+                opacity: 0.8
+              }}
               fontWeight="500"
               fontSize="14px"
               lineHeight="20px"
diff --git a/next/pages/blog/[slug].js b/next/pages/blog/[slug].js
index 44084e7c..6d3bd980 100644
--- a/next/pages/blog/[slug].js
+++ b/next/pages/blog/[slug].js
@@ -126,9 +126,29 @@ export default function Post({ slug, mdxSource, headings }) {
         padding="24px 0 48px"
         gap="8px"
       >
-        {t("blog")} <Text color="#71757A">/</Text>
+        <Link 
+          href="/blog"
+          fontSize="14px"
+          fontWeight="400"
+          lineHeight="20px"
+          color="#0068C5"
+          _hover={{
+            color: "#0057A4"
+          }}
+        >{t("blog")}</Link> <Text color="#71757A">/</Text>
         {frontmatter.categories.map((elm) => {
-          return <Text>{categories?.[elm] || t(elm)}</Text>
+          return (
+            <Link
+              href={`/blog?category=${elm}`}
+              fontSize="14px"
+              fontWeight="400"
+              lineHeight="20px"
+              color="#0068C5"
+              _hover={{
+                color: "#0057A4"
+              }}
+            >{categories?.[elm] || t(elm)}</Link>
+          )
         })}
       </Text>
 
@@ -165,6 +185,7 @@ export default function Post({ slug, mdxSource, headings }) {
                 fontWeight="400"
                 lineHeight="24px"
                 color="#252A32"
+                marginTop="24px"
               >{t("noticedSomething")} </Text>
               <Link
                 href={`https://github.com/basedosdados/website/edit/main/next/blog/${slug}.md`}
@@ -177,6 +198,7 @@ export default function Post({ slug, mdxSource, headings }) {
                   color: "#0057A4"
                 }}
               >{t("contributeToBD")}</Link>
+              <Box id="hotjarSurveyBlog"/>
             </Box>
           </Box>
           <Box