fix unique key in various locations

helsingborg-stad · Feb 3, 2025 · af4ca94 · af4ca94
1 parent 8a616c2
commit af4ca94
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 10 deletions.
diff --git a/src/adverts/components/details/advert-card/ClaimsPanel.tsx b/src/adverts/components/details/advert-card/ClaimsPanel.tsx
@@ -184,6 +184,7 @@ const ActionButtons: FC<{
         action,
     }: Omit<InferFCType<typeof OganizationsAwareActionButton>, 'terms'>) => (
         <OganizationsAwareActionButton
+            key={label}
             label={label}
             icon={icon}
             action={action}
@@ -328,11 +329,6 @@ const ActionButtons: FC<{
             {buttons}
         </Stack>
     )
-    return (
-        <ButtonGroup orientation={horizontalGroup ? 'horizontal' : 'vertical'}>
-            {buttons}
-        </ButtonGroup>
-    )
 }
 
 export const ClaimCard: FC<{

diff --git a/src/adverts/components/details/advert-card/ContactCard.tsx b/src/adverts/components/details/advert-card/ContactCard.tsx
@@ -47,8 +47,8 @@ export const ContactCard = (props: PaperProps & { advert: Advert }) => {
                                 .split(',')
                                 .map((v) => v.trim())
                                 .filter((v) => v.length > 0)
-                                .map((v) => (
-                                    <Typography>
+                                .map((v, key) => (
+                                    <Typography key={key}>
                                         <Link href={`tel:${v}`}>{v}</Link>
                                     </Typography>
                                 ))}

diff --git a/src/adverts/components/details/advert-card/HistoryPanel.tsx b/src/adverts/components/details/advert-card/HistoryPanel.tsx
@@ -25,8 +25,8 @@ const EventsCard: FC<{ events: ServerSideLogEvent[] }> = ({ events }) => {
                     Historik
                 </Typography>
                 <Timeline>
-                    {events.map(({ event, at, by }) => (
-                        <TimelineItem>
+                    {events.map(({ event, at, by }, key) => (
+                        <TimelineItem key={key}>
                             <TimelineOppositeContent
                                 variant="body2"
                                 color="text.secondary"

diff --git a/src/adverts/components/details/advert-card/TagCard.tsx b/src/adverts/components/details/advert-card/TagCard.tsx
@@ -13,8 +13,9 @@ export const TagCard = (props: PaperProps & { advert: Advert }) => {
     return (
         tags.length > 0 && (
             <>
-                {tags.map((v) => (
+                {tags.map((v, key) => (
                     <Chip
+                        key={key}
                         clickable
                         onClick={() => clicked(v)}
                         label={v}