feat(SW-322): implement two column list

2024-10-07 10:38:07 +02:00
parent 81ece30a0d
commit 5ea3410006
11 changed files with 118 additions and 26 deletions
--- a/components/Blocks/Shortcuts/OneColumnList/index.tsx
+++ b/components/Blocks/Shortcuts/OneColumnList/index.tsx
@@ -0,0 +1,27 @@
+import { ArrowRightIcon } from "@/components/Icons"
+import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
+
+import styles from "./oneColumnList.module.css"
+
+import { ShortcutsListProps } from "@/types/components/myPages/myPage/shortcuts"
+
+export default function OneColumnList({ linkList }: ShortcutsListProps) {
+  return (
+    <section className={styles.section}>
+      {linkList.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" width={24} height={24} />
+        </Link>
+      ))}
+    </section>
+  )
+}