feat(SW-322): remove two component structure

2024-10-08 11:49:32 +02:00
parent f806f6176b
commit febd400c81
8 changed files with 41 additions and 56 deletions
--- a/components/Blocks/Shortcuts/ShortcutList/index.tsx
+++ b/components/Blocks/Shortcuts/ShortcutList/index.tsx
@@ -0,0 +1,28 @@
+import { ArrowRightIcon } from "@/components/Icons"
+import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
+
+import styles from "./shortcutList.module.css"
+
+import type { ShortcutsListProps } from "@/types/components/blocks/shortcuts"
+
+export default function ShortcutList({ shortCutList }: ShortcutsListProps) {
+  return (
+    <>
+      {shortCutList.map((shortcut) => (
+        <Link
+          href={shortcut.url}
+          key={shortcut.title}
+          target={shortcut.openInNewTab ? "_blank" : undefined}
+          variant="shortcut"
+          className={styles.link}
+        >
+          <Body textTransform="bold" color="burgundy">
+            <span>{shortcut.text || shortcut.title}</span>
+          </Body>
+          <ArrowRightIcon color="burgundy" width={24} height={24} />
+        </Link>
+      ))}
+    </>
+  )
+}
--- a/components/Blocks/Shortcuts/ShortcutList/shortcutList.module.css
+++ b/components/Blocks/Shortcuts/ShortcutList/shortcutList.module.css
@@ -0,0 +1,3 @@
+.link {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}