From 21bd2597b72c8ba8246b98e72fe45ba373046a7f Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Wed, 2 Jun 2021 13:32:00 -0400
Subject: Update icon assets

---
 src/components/profile/ProfileBadges.tsx | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

(limited to 'src/components/profile')

diff --git a/src/components/profile/ProfileBadges.tsx b/src/components/profile/ProfileBadges.tsx
index 5ce776c2..aef52903 100644
--- a/src/components/profile/ProfileBadges.tsx
+++ b/src/components/profile/ProfileBadges.tsx
@@ -9,6 +9,7 @@ import {RootState} from '../../store/rootReducer';
 import {ScreenType, UniversityBadgeDisplayType} from '../../types';
 import {badgesToDisplayBadges, normalize} from '../../utils';
 import BadgeDetailView from '../common/BadgeDetailView';
+import PlusIconImage from '../../assets/icons/plus-icon-thin.svg';
 
 interface ProfileBadgesProps {
   userXId: string | undefined;
@@ -33,20 +34,13 @@ const ProfileBadges: React.FC<ProfileBadgesProps> = ({userXId, screenType}) => {
   const PlusIcon: FC = () => (
     <TouchableOpacity
       onPress={() => navigation.navigate('BadgeSelection', {editing: true})}>
-      <Image
-        source={require('../../assets/images/plus-icon-thin.png')}
-        style={styles.plus}
-      />
+      <PlusIconImage style={styles.plus} />
     </TouchableOpacity>
   );
 
   const CloseIcon: FC = () => (
     <TouchableOpacity onPress={() => setIsEditBadgeModalVisible(true)}>
-      {/* TODO: needs to be grey :shrug: */}
-      <Image
-        source={require('../../assets/images/plus-icon-thin.png')}
-        style={styles.close}
-      />
+      <PlusIconImage style={styles.close} />
     </TouchableOpacity>
   );
 
@@ -141,6 +135,7 @@ const styles = StyleSheet.create({
   plus: {
     width: normalize(31),
     height: normalize(31),
+    color: 'black',
   },
   close: {
     width: normalize(31),
-- 
cgit v1.2.3-70-g09d2