From c783f6e9a2d5aa6ee4783d7af76d8a7b926b0c79 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Tue, 9 Mar 2021 12:25:41 -0800
Subject: conditionally displaying brown icon

---
 src/components/suggestedPeople/BadgesDropdown.tsx | 25 ++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/components/suggestedPeople/BadgesDropdown.tsx b/src/components/suggestedPeople/BadgesDropdown.tsx
index 1e7f2e71..583cdcf1 100644
--- a/src/components/suggestedPeople/BadgesDropdown.tsx
+++ b/src/components/suggestedPeople/BadgesDropdown.tsx
@@ -7,6 +7,7 @@ import Animated, {Easing} from 'react-native-reanimated';
 import {UniversityBadge} from 'src/types';
 import {UniversityIcon} from '..';
 import {normalize, SCREEN_WIDTH} from '../../utils';
+import UniversityIconClicked from './UniversityIconClicked';
 interface BadgesDropdownProps {
   localBadges: {
     badge: UniversityBadge;
@@ -15,8 +16,10 @@ interface BadgesDropdownProps {
   badges: UniversityBadge[];
 }
 
-const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges, badges}) => {
-
+const BadgesDropdown: React.FC<BadgesDropdownProps> = ({
+  localBadges,
+  badges,
+}) => {
   // Used to toggle between dropdown being displayed and not
   const [displayBadges, setDisplayBadges] = useState<boolean>(false);
 
@@ -75,11 +78,19 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges, badges}) =>
             animateBack();
           }
         }}>
-        <UniversityIcon
-          university="brown"
-          style={styles.universityIconContainer}
-          imageStyle={{width: normalize(31), height: normalize(38)}}
-        />
+        {displayBadges ? (
+          <UniversityIconClicked
+            university="brown"
+            style={styles.universityIconContainer}
+            imageStyle={{width: normalize(31), height: normalize(38)}}
+          />
+        ) : (
+          <UniversityIcon
+            university="brown"
+            style={styles.universityIconContainer}
+            imageStyle={{width: normalize(31), height: normalize(38)}}
+          />
+        )}
       </TouchableOpacity>
       {localBadges &&
         localBadges.map(({badge, img}, index) => (
-- 
cgit v1.2.3-70-g09d2