feat(SW-66, SW-348): search functionality and ui

2024-08-28 10:47:57 +02:00
parent b9dbcf7d90
commit af850c90e7
437 changed files with 7663 additions and 9881 deletions
--- a/components/Blocks/Shortcuts/index.tsx
+++ b/components/Blocks/Shortcuts/index.tsx
@@ -0,0 +1,37 @@
+import { ArrowRightIcon } from "@/components/Icons"
+import SectionContainer from "@/components/Section/Container"
+import SectionHeader from "@/components/Section/Header"
+import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
+
+import styles from "./shortcuts.module.css"
+
+import type { ShortcutsProps } from "@/types/components/myPages/myPage/shortcuts"
+
+export default function Shortcuts({
+  firstItem = false,
+  shortcuts,
+  subtitle,
+  title,
+}: ShortcutsProps) {
+  return (
+    <SectionContainer>
+      <SectionHeader preamble={subtitle} title={title} topTitle={firstItem} />
+      <section className={styles.links}>
+        {shortcuts.map((shortcut) => (
+          <Link
+            href={shortcut.url}
+            key={shortcut.title}
+            target={shortcut.openInNewTab ? "_blank" : undefined}
+            variant="shortcut"
+          >
+            <Body textTransform="bold" color="burgundy">
+              <span>{shortcut.text ? shortcut.text : shortcut.title}</span>
+            </Body>
+            <ArrowRightIcon color="burgundy" className={styles.arrowRight} />
+          </Link>
+        ))}
+      </section>
+    </SectionContainer>
+  )
+}