diff options
author | ankit-thanekar007 <ankit.thanekar007@gmail.com> | 2021-04-21 16:42:34 -0700 |
---|---|---|
committer | ankit-thanekar007 <ankit.thanekar007@gmail.com> | 2021-04-22 15:56:43 -0700 |
commit | af7c3d686149f32128d251c6d2fab3d82fb89ac4 (patch) | |
tree | af6142fabbfb806176a5840ec0d0496b6aed15ac /src/components/profile/ProfileHeader.tsx | |
parent | 3993175a466d4273373591a765bfc2f6a6e89ef4 (diff) |
Badge view changes
Diffstat (limited to 'src/components/profile/ProfileHeader.tsx')
-rw-r--r-- | src/components/profile/ProfileHeader.tsx | 46 |
1 files changed, 3 insertions, 43 deletions
diff --git a/src/components/profile/ProfileHeader.tsx b/src/components/profile/ProfileHeader.tsx index a17d9f6f..061bbd0d 100644 --- a/src/components/profile/ProfileHeader.tsx +++ b/src/components/profile/ProfileHeader.tsx @@ -40,47 +40,6 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({ const [drawerVisible, setDrawerVisible] = useState(false); const [showBadgeView, setBadgeViewVisible] = useState(false); const [firstName, lastName] = [...name.split(' ')]; - const [selectedBadges, setSelectedBadges] = useState<UniversityBadge[]>([]); - const [selectedBadgesWithImage, setSelectedBadgesWithImage] = useState<any[]>( - [], - ); - - const fetchBadges = async () => { - const uid = userXId ? userXId : userId; - if (uid) { - const response = await getSuggestedPeopleProfile(uid); - if (response) { - const data = response.badges; - let extractedBadgeNames: UniversityBadge[] = []; - data.forEach((badge) => { - extractedBadgeNames.push(badge); - }); - setSelectedBadges(extractedBadgeNames); - } - } - }; - - useEffect(() => { - fetchBadges(); - }, []); - - useEffect(() => { - let badgesWithImage = []; - selectedBadges.forEach((e) => { - const uniData = BADGE_DATA[e.university]; - const categoryData = uniData.filter((u) => { - return u.title === e.category; - }); - const badgeData = categoryData[0].data.filter((c) => { - return c.badgeName === e.name; - }); - badgeData.forEach((c) => { - const obj = {...e, badgeImage: c.badgeImage}; - badgesWithImage.push(obj); - }); - }); - setSelectedBadgesWithImage(badgesWithImage); - }, [selectedBadges]); return ( <View style={styles.container}> @@ -111,13 +70,14 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({ <View style={styles.friendsAndUniversity}> <FriendsCount screenType={screenType} userXId={userXId} /> <TouchableOpacity onPress={() => setBadgeViewVisible(true)}> - <UniversityIcon {...{university, university_class}} /> + <UniversityIcon + {...{university, university_class, needsShadow: true}} + /> </TouchableOpacity> {showBadgeView && ( <BadgeDetailView isEditable={userXName === username} name={name} - selectedBadges={selectedBadgesWithImage} setBadgeViewVisible={setBadgeViewVisible} /> )} |