Merged in r2-2983-dup-flags (pull request #6899)

R2-2983: Fixing issue where duplicate keys create duplicate flagging ui
primeroIMS · Aug 15, 2024 · 2d3f185 · 2d3f185
2 parents d0e1b47 + b51cc3b
commit 2d3f185
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/javascript/components/flagging/components/dialog-tabs/component.jsx b/app/javascript/components/flagging/components/dialog-tabs/component.jsx
@@ -29,7 +29,7 @@ function Component({ children, isBulkFlags, tab, setTab }) {
   const filterChildren = children.filter(child => ["false", undefined].includes(child.props.hidetab));
 
   const renderChildren = filterChildren.map((child, index) => (
-    <TabPanel value={tab} index={index} key={`tab-${tab}`}>
+    <TabPanel value={tab} index={index} key={`tab-${tabs[index]}`}>
       {child}
     </TabPanel>
   ));
@@ -40,8 +40,8 @@ function Component({ children, isBulkFlags, tab, setTab }) {
         <Box display="flex" className={css.containerTabs}>
           <Box flexGrow={1}>
             <Tabs onChange={handleTabChange} value={tab}>
-              {filteredTabs.map((t, index) => (
-                <Tab label={t} {...a11yProps(index)} key={t} className={css.flagTab} />
+              {filteredTabs.map((label, index) => (
+                <Tab label={label} key={label} {...a11yProps(index)} className={css.flagTab} />
               ))}
             </Tabs>
           </Box>