WEB-4460 wrap lastReviewed in a container that calls stopPropogation()

Author: henry-tp

app/pages/clinicworkspace/TideDashboardV2/Cells.js

@@ -250,38 +250,42 @@ export const MoreMenuCell = ({ patient }) => {
   };
 
   return (
-    <PopoverMenu
-      id={`action-menu-${patient?.id}`}
-      items={[{
-        icon: EditIcon,
-        iconLabel: t('Edit Patient Details'),
-        iconPosition: 'left',
-        id: `edit-${patient?.id}`,
-        variant: 'actionListItem',
-        onClick: (_popupState) => {
-          _popupState.close();
-          handleOpenEditPatientDialog();
-        },
-        text: t('Edit Patient Details'),
-      }, {
-        iconSrc: DataInIcon,
-        iconLabel: t('Bring Data into Tidepool'),
-        iconPosition: 'left',
-        id: `edit-data-connections-${patient?.id}`,
-        variant: 'actionListItem',
-        onClick: (_popupState) => {
-          _popupState.close();
-          handleOpenDataConnectionsModal();
-        },
-        text: t('Bring Data into Tidepool'),
-      }]}
-      sx={{ position: 'relative', left: '-2px' }}
-    />
+    <Box onClick={event => event.stopPropagation()}>
+      <PopoverMenu
+        id={`action-menu-${patient?.id}`}
+        items={[{
+          icon: EditIcon,
+          iconLabel: t('Edit Patient Details'),
+          iconPosition: 'left',
+          id: `edit-${patient?.id}`,
+          variant: 'actionListItem',
+          onClick: (_popupState) => {
+            _popupState.close();
+            handleOpenEditPatientDialog();
+          },
+          text: t('Edit Patient Details'),
+        }, {
+          iconSrc: DataInIcon,
+          iconLabel: t('Bring Data into Tidepool'),
+          iconPosition: 'left',
+          id: `edit-data-connections-${patient?.id}`,
+          variant: 'actionListItem',
+          onClick: (_popupState) => {
+            _popupState.close();
+            handleOpenDataConnectionsModal();
+          },
+          text: t('Bring Data into Tidepool'),
+        }]}
+        sx={{ position: 'relative', left: '-2px' }}
+      />
+    </Box>
   );
 };
 
 export const PatientLastReviewedCell = ({ patient }) => {
-  return <PatientLastReviewed patient={patient} />;
+  return <Box onClick={event => event.stopPropagation()}>
+    <PatientLastReviewed patient={patient} />
+  </Box>;
 };
 
 export default {