Fix TypeError: Cannot destructure property 'name' of '{}' as it is nu…

…ll. (#2285) * Fix TypeError: Cannot destructure property 'name' of '{}' as it is null. * remove unecessary safe operator
meedan · Feb 7, 2025 · 7465d18 · 7465d18
1 parent 90ad01a
commit 7465d18
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/components/media/MediaOrigin.js b/src/app/components/media/MediaOrigin.js
@@ -118,10 +118,10 @@ const getIconAndMessage = (origin, user) => {
 const MediaOrigin = ({
   projectMedia: {
     media_cluster_origin: origin,
-    media_cluster_origin_user: { name: user } = {},
-  },
+    media_cluster_origin_user: user = {},
+  } = {},
 }) => {
-  const { icon, message, tooltipMessage } = getIconAndMessage(origin, user);
+  const { icon, message, tooltipMessage } = getIconAndMessage(origin, user.name);
 
   return (
     <Tooltip arrow title={tooltipMessage}>

diff --git a/src/app/components/media/MediaOriginBanner.js b/src/app/components/media/MediaOriginBanner.js
@@ -109,11 +109,11 @@ const MediaOriginBanner = ({
   projectMedia: {
     media_cluster_origin: origin,
     media_cluster_origin_timestamp: originTimestamp,
-    media_cluster_origin_user: { name: user } = {},
+    media_cluster_origin_user: user = {},
     media_cluster_relationship: mediaClusterRelationship,
   },
 }) => {
-  const { icon, message } = getIconAndMessage(origin, mediaClusterRelationship, user, originTimestamp);
+  const { icon, message } = getIconAndMessage(origin, mediaClusterRelationship, user.name, originTimestamp);
   return (
     <div style={{ marginBottom: '8px' }}>
       <Alert