better fix

1 files changed, 7 insertions, 7 deletions

diff --git a/src/components/common/BadgeDetailView.tsx b/src/components/common/BadgeDetailView.tsx
index 2c9678b4..f3e92bd4 100644
--- a/src/components/common/BadgeDetailView.tsx
+++ b/src/components/common/BadgeDetailView.tsx
@@ -23,11 +23,11 @@ import {getUniversityBadge, normalize} from '../../utils';
 interface BadgeDetailModalProps {
   isEditable: boolean;
   setBadgeViewVisible: Function;
-  name?: string;
+  userName?: string;
 }
 
 const BadgeDetailView: React.FC<BadgeDetailModalProps> = ({
-  name,
+  userName,
   isEditable = true,
   setBadgeViewVisible,
 }) => {
@@ -87,7 +87,7 @@ const BadgeDetailView: React.FC<BadgeDetailModalProps> = ({
     fetchBadges();
   };
 
-  const badgeEditCell = ({item: {id, name: badgeName, badgeImage}}) => {
+  const badgeEditCell = ({item: {id, name, badgeImage}}) => {
     return (
       <TouchableOpacity
         style={styles.badgeCellContainerStyles}
@@ -95,7 +95,7 @@ const BadgeDetailView: React.FC<BadgeDetailModalProps> = ({
           setBadgeViewVisible(false);
           navigation.navigate('MutualBadgeHolders', {
             badge_id: id,
-            badge_title: badgeName,
+            badge_title: name,
             badge_img: badgeImage,
           });
         }}>
@@ -119,14 +119,14 @@ const BadgeDetailView: React.FC<BadgeDetailModalProps> = ({
           {isEditable && (
             <TouchableOpacity
               onPress={() => {
-                removeBadgeCell(badgeName);
+                removeBadgeCell(name);
               }}>
               <CloseIcon height={25} width={25} color="gray" />
             </TouchableOpacity>
           )}
         </View>
         <View style={styles.userNameContainerStyles}>
-          <Text style={styles.badgeCellTextStyles}>{badgeName}</Text>
+          <Text style={styles.badgeCellTextStyles}>{name}</Text>
         </View>
       </TouchableOpacity>
     );
@@ -146,7 +146,7 @@ const BadgeDetailView: React.FC<BadgeDetailModalProps> = ({
   };
 
   const modalHeader = () => {
-    const heading = isEditable ? 'Edit your badges!' : name;
+    const heading = isEditable ? 'Edit your badges!' : userName;
     const subheading = isEditable
       ? 'Add or delete your badges'
       : 'View badges to discover groups!';