feat: update link titles to include arrows + ui updates

2024-06-19 14:12:39 +02:00
parent a7b04df7b6
commit 95cfe82256
2 changed files with 33 additions and 13 deletions
@@ -1,3 +1,4 @@
+import ArrowRight from "@/components/Icons/ArrowRight"
 import Link from "@/components/TempDesignSystem/Link"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
 import Title from "@/components/TempDesignSystem/Text/Title"
@@ -21,12 +22,20 @@ export default function SectionHeader({
      >
        {title}
      </Title>
+      {subtitle && <Subtitle className={styles.subtitle}>{subtitle}</Subtitle>}
      {link ? (
-        <Link className={styles.link} href={link.href} variant="myPage">
-          {link.text}
-        </Link>
+        <span className={styles.linkWrapper}>
+          <ArrowRight color="burgundy" className={styles.icon} />
+          <Link
+            className={styles.link}
+            color="burgundy"
+            href={link.href}
+            variant="myPage"
+          >
+            {link.text}
+          </Link>
+        </span>
      ) : null}
-      <Subtitle className={styles.subtitle}>{subtitle}</Subtitle>
    </header>
  )
 }