[DUOS-3038][risk=no]Added divKey to pass key to notification component (

#2524)
DataBiosphere · Apr 4, 2024 · 3246aee · 3246aee
1 parent 8267e12
commit 3246aee
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/DuosHeader.jsx b/src/components/DuosHeader.jsx
@@ -365,7 +365,7 @@ const DuosHeader = (props) => {
   };
 
   const makeNotifications = () => {
-    return state.notificationData.map((d, index) => <Notification notificationData={d} key={index} />);
+    return state.notificationData.map((d, index) => <Notification notificationData={d} key={index} divKey={index} />);
   };
 
   const toggleDrawer = (boolVal) => {

diff --git a/src/components/Notification.js b/src/components/Notification.js
@@ -8,8 +8,8 @@ import ReportIcon from '@mui/icons-material/Report';
 import style from './Notification.module.css';
 
 export const Notification = (props) => {
-  const {notificationData, key} = props;
-  let notificationDiv = <div key={key} style={{display: 'none'}}/>;
+  const {notificationData, divKey} = props;
+  let notificationDiv = <div key={divKey} style={{display: 'none'}}/>;
 
   if (!isEmpty(notificationData)) {
     const iconStyle = {
@@ -40,7 +40,7 @@ export const Notification = (props) => {
     // eslint-disable-next-line react/no-children-prop
     const content = <ReactMarkdown children={notificationData.message} className={style['underlined']}/>;
     notificationDiv = <div
-      key={key}
+      key={divKey}
       className={'row no-margin alert alert-' + notificationData.level}>
       <div style={{float: 'left'}}>{icon}</div>
       <div>{content}</div>