From 4f470d8ccdde9e4da304184befce80ede7553e67 Mon Sep 17 00:00:00 2001
From: Pedro Martin <pataruco@gmail.com>
Date: Sun, 9 Feb 2025 17:22:39 +0000
Subject: [PATCH] feat: add see all link to latest news section

---
 .../src/components/page-header/index.module.scss    |  3 +--
 .../components/page-latest-news/index.module.scss   |  5 +++++
 website/src/components/page-latest-news/index.tsx   |  6 ++++++
 website/src/styles/_text-styles.scss                | 13 +++++++++++++
 4 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/website/src/components/page-header/index.module.scss b/website/src/components/page-header/index.module.scss
index a7596aa..a604218 100644
--- a/website/src/components/page-header/index.module.scss
+++ b/website/src/components/page-header/index.module.scss
@@ -70,12 +70,11 @@ $mobile-curve: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fil
       &::before {
         background-image: url($desktop-curve);
         background-repeat: no-repeat;
-        background-size: contain;
+        background-size: contain !important;
         content: ' ';
         display: block;
         inset: 0;
         left: -1px;
-        bottom: -1px;
         position: absolute;
       }
 
diff --git a/website/src/components/page-latest-news/index.module.scss b/website/src/components/page-latest-news/index.module.scss
index 58e9866..10fc19e 100644
--- a/website/src/components/page-latest-news/index.module.scss
+++ b/website/src/components/page-latest-news/index.module.scss
@@ -5,6 +5,7 @@
     list-style-type: none;
     padding: 0;
     margin: 0;
+    margin-block-end: var(--spacing-4);
   }
 
   li:not(:last-of-type) {
@@ -57,4 +58,8 @@
 
     @include text-styles.header-4;
   }
+
+  & &__see-all:is(a) {
+    @include text-styles.text-link;
+  }
 }
diff --git a/website/src/components/page-latest-news/index.tsx b/website/src/components/page-latest-news/index.tsx
index 775731a..c39b3dc 100644
--- a/website/src/components/page-latest-news/index.tsx
+++ b/website/src/components/page-latest-news/index.tsx
@@ -92,6 +92,12 @@ const PageLatestNews: React.FC<PageLatestNewsProps> = async ({ lang }) => {
           </li>
         ))}
       </ul>
+      <Link
+        href={`/${lang}/news`}
+        className={styles['latest-news-content__see-all']}
+      >
+        See all
+      </Link>
     </div>
   );
 };
diff --git a/website/src/styles/_text-styles.scss b/website/src/styles/_text-styles.scss
index cc6aaa1..4bd8df3 100644
--- a/website/src/styles/_text-styles.scss
+++ b/website/src/styles/_text-styles.scss
@@ -73,6 +73,19 @@
   text-decoration-thickness: auto;
   text-underline-offset: auto;
   text-underline-position: from-font;
+
+  &:hover {
+    color: var(--foreground-interactive-hover);
+  }
+
+  &:hover,
+  focus {
+    color: var(--foreground-interactive-hover);
+  }
+
+  &:active {
+    color: var(--foreground-interactive-press_active);
+  }
 }
 
 @mixin text-small {