feat(SW-2264): Added campaign overview page

Approved-by: Matilda Landström

apps/scandic-web/components/TempDesignSystem/LinkChips/index.tsx

@@ -1,8 +1,15 @@
-import LinkChip from "./Chip"
+"use client"
 
-import styles from "./linkChips.module.css"
+import { ChipLink } from "@scandic-hotels/design-system/ChipLink"
+import { Chips } from "@scandic-hotels/design-system/Chips"
+import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
-import type { LinkChipsProps } from "./linkChips"
+interface LinkChipsProps {
+  chips: {
+    url: string
+    title: string
+  }[]
+}
 
 export default function LinkChips({ chips }: LinkChipsProps) {
   if (!chips.length) {
@@ -10,12 +17,13 @@ export default function LinkChips({ chips }: LinkChipsProps) {
   }
 
   return (
-    <ul className={styles.linkChips}>
-      {chips.map(({ url, title }) => (
-        <li key={`link-chip-${title}`}>
-          <LinkChip url={url} title={title} />
-        </li>
+    <Chips>
+      {chips.map(({ title, url }) => (
+        <ChipLink key={`${title}-${url}`} href={url}>
+          {title}
+          <MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
+        </ChipLink>
       ))}
-    </ul>
+    </Chips>
   )
 }