Add key prop to AccordionItem in Accordion component

kotAPI · kotAPI · commit 37ef389fb014 · 2024-06-28T15:09:15.000+05:30
diff --git a/src/components/ui/Accordion/Accordion.tsx b/src/components/ui/Accordion/Accordion.tsx
@@ -13,7 +13,7 @@ const Accordion = ({items} : AccordionProps) => {
     return (
         <AccordionRoot>
             {items.map((item, index) => (
-                <AccordionItem value={index}>
+                <AccordionItem value={index} key={index} >
                     <AccordionHeader>
                         <AccordionTrigger >
                             Item {index+1}
diff --git a/styles/themes/components/accordion.scss b/styles/themes/components/accordion.scss
@@ -15,6 +15,7 @@
         &:focus-within{
             border: 1px solid var(--rad-ui-color-gray-1000);
             color: var(--rad-ui-color-gray-1000);
+            background-color: var(--rad-ui-color-green-200);
         }
 
         .rad-ui-accordion-trigger{

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@`
`15`	`15`	`&:focus-within{`
`16`	`16`	`border: 1px solid var(--rad-ui-color-gray-1000);`
`17`	`17`	`color: var(--rad-ui-color-gray-1000);`
	`18`	`+ background-color: var(--rad-ui-color-green-200);`
`18`	`19`	`}`
`19`	`20`
`20`	`21`	`.rad-ui-accordion-trigger{`