From 7f47d1f36255ff1e42efea1d0cf6c1b97fc557b1 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 25 May 2021 14:52:49 -0400
Subject: Finish styling badges

---
 src/components/suggestedPeople/BadgeIcon.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/suggestedPeople/BadgeIcon.tsx b/src/components/suggestedPeople/BadgeIcon.tsx
index e8425308..8f576a43 100644
--- a/src/components/suggestedPeople/BadgeIcon.tsx
+++ b/src/components/suggestedPeople/BadgeIcon.tsx
@@ -1,6 +1,12 @@
 import {useNavigation} from '@react-navigation/core';
 import React from 'react';
-import {Image, ImageSourcePropType, StyleSheet} from 'react-native';
+import {
+  Image,
+  ImageSourcePropType,
+  StyleProp,
+  StyleSheet,
+  ViewStyle,
+} from 'react-native';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import LinearGradient from 'react-native-linear-gradient';
 import {UniversityBadge} from '../../types';
@@ -9,13 +15,14 @@ import {normalize} from '../../utils';
 interface BadgeIconProps {
   badge: UniversityBadge;
   img: ImageSourcePropType;
+  style?: StyleProp<ViewStyle>;
 }
 
-const BadgeIcon: React.FC<BadgeIconProps> = ({badge, img}) => {
+const BadgeIcon: React.FC<BadgeIconProps> = ({badge, img, style}) => {
   const navigation = useNavigation();
   return (
     <TouchableOpacity
-      style={styles.badgeButton}
+      style={[styles.badgeButton, style]}
       onPress={() => {
         navigation.navigate('MutualBadgeHolders', {
           badge_id: badge.id,
-- 
cgit v1.2.3-70-g09d2