From 9b6e0b7fd70b8fe107a0f0bada70a9933b5094cf Mon Sep 17 00:00:00 2001
From: chris <christoph.hohnerlein@digitalservice.bund.de>
Date: Mon, 4 Mar 2024 15:43:37 +0100
Subject: [PATCH] fix(List): add identifier, use label.text as key

---
 app/components/List.tsx                                  | 9 +++++++--
 .../unit/components/__snapshots__/storybook.test.ts.snap | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/components/List.tsx b/app/components/List.tsx
index 5fb5a82a2..fdd840f9e 100644
--- a/app/components/List.tsx
+++ b/app/components/List.tsx
@@ -13,12 +13,17 @@ type ListProps = z.infer<typeof ListPropsSchema>;
 
 const List = ({ identifier, items, heading, isNumeric }: ListProps) => {
   return (
-    <div className="ds-stack-8 scroll-my-40">
+    <div className="ds-stack-8 scroll-my-40" id={identifier}>
       {heading && <Heading {...heading} />}
       <ol className="list-none ds-stack-32 ps-0">
         {items.map((item, index) => (
           <li
-            key={item.identifier ?? item.headline?.text ?? item.content}
+            key={
+              item.identifier ??
+              item.label?.text ??
+              item.headline?.text ??
+              item.content
+            }
             className="first:pt-0 scroll-my-40"
           >
             <ListItem {...item} numeric={isNumeric ? index + 1 : undefined} />
diff --git a/tests/unit/components/__snapshots__/storybook.test.ts.snap b/tests/unit/components/__snapshots__/storybook.test.ts.snap
index 27584114b..980e2b866 100644
--- a/tests/unit/components/__snapshots__/storybook.test.ts.snap
+++ b/tests/unit/components/__snapshots__/storybook.test.ts.snap
@@ -664,6 +664,7 @@ exports[`Storyshots Page/List Example 1`] = `
   >
     <div
       className="ds-stack-8 scroll-my-40"
+      id="default-list-id"
     >
       <h2
         className="ds-heading-02-reg"