feat(SW-322): make Shortcut reusable component

2024-10-07 15:04:50 +02:00
parent 2db756b738
commit c1be1619da
6 changed files with 42 additions and 48 deletions
--- a/components/Blocks/Shortcuts/Shortcut/index.tsx
+++ b/components/Blocks/Shortcuts/Shortcut/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 "./shortcut.module.css"
+
+import { ShortcutsListProps } from "@/types/components/myPages/myPage/shortcuts"
+
+export default function Shortcut({ linkList }: ShortcutsListProps) {
+  return (
+    <>
+      {linkList.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.text : shortcut.title}</span>
+          </Body>
+          <ArrowRightIcon color="burgundy" width={24} height={24} />
+        </Link>
+      ))}
+    </>
+  )
+}
--- a/components/Blocks/Shortcuts/Shortcut/shortcut.module.css
+++ b/components/Blocks/Shortcuts/Shortcut/shortcut.module.css
@@ -0,0 +1,3 @@
+.link {
+  background-color: var(--Base-Surface-Primary-light-Normal);
+}