From 2a45fb147bd56ab5f58d3297cfd14fd53bdf4fa6 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Fri, 12 Mar 2021 17:24:41 -0800
Subject: Displaying corresponding image

---
 src/components/suggestedPeople/BadgesDropdown.tsx  | 1 +
 src/routes/main/MainStackNavigator.tsx             | 1 +
 src/screens/suggestedPeople/MutualBadgeHolders.tsx | 4 ++--
 3 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/suggestedPeople/BadgesDropdown.tsx b/src/components/suggestedPeople/BadgesDropdown.tsx
index 76e8e46f..99c03057 100644
--- a/src/components/suggestedPeople/BadgesDropdown.tsx
+++ b/src/components/suggestedPeople/BadgesDropdown.tsx
@@ -110,6 +110,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({
                 navigation.navigate('MutualBadgeHolders', {
                   badge_id: badge.id,
                   badge_title: badge.name,
+                  badge_img: img,
                 });
               }}>
               <LinearGradient
diff --git a/src/routes/main/MainStackNavigator.tsx b/src/routes/main/MainStackNavigator.tsx
index f7404f27..142249ce 100644
--- a/src/routes/main/MainStackNavigator.tsx
+++ b/src/routes/main/MainStackNavigator.tsx
@@ -82,6 +82,7 @@ export type MainStackParams = {
   MutualBadgeHolders: {
     badge_id: string;
     badge_title: string;
+    badge_img: string;
   };
 };
 
diff --git a/src/screens/suggestedPeople/MutualBadgeHolders.tsx b/src/screens/suggestedPeople/MutualBadgeHolders.tsx
index 9742d72c..63ef1638 100644
--- a/src/screens/suggestedPeople/MutualBadgeHolders.tsx
+++ b/src/screens/suggestedPeople/MutualBadgeHolders.tsx
@@ -32,7 +32,7 @@ const MutualBadgeHolders: React.FC<MutualBadgeHoldersProps> = ({
   route,
   navigation,
 }) => {
-  const {badge_id, badge_title} = route.params;
+  const {badge_id, badge_title, badge_img} = route.params;
   const [users, setUsers] = useState<ProfilePreviewType[] | undefined>([]);
 
   useEffect(() => {
@@ -67,7 +67,7 @@ const MutualBadgeHolders: React.FC<MutualBadgeHoldersProps> = ({
                * Awaiting final images from product
                */}
               <Image
-                source={require('../../assets/icons/badges/football.png')}
+                source={badge_img}
                 style={{width: SCREEN_WIDTH * 0.1, height: SCREEN_WIDTH * 0.1}}
               />
             </LinearGradient>
-- 
cgit v1.2.3-70-g09d2