1 files changed, 6 insertions, 7 deletions
diff --git a/src/components/suggestedPeople/BadgesDropdown.tsx b/src/components/suggestedPeople/BadgesDropdown.tsx
index bc4e7a54..0d4725d9 100644
--- a/src/components/suggestedPeople/BadgesDropdown.tsx
+++ b/src/components/suggestedPeople/BadgesDropdown.tsx
@@ -1,6 +1,6 @@
 import {useNavigation} from '@react-navigation/native';
 import React, {useEffect, useState} from 'react';
-import {Image, StyleSheet} from 'react-native';
+import {Image, ImageSourcePropType, StyleSheet} from 'react-native';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import LinearGradient from 'react-native-linear-gradient';
 import Animated, {Easing} from 'react-native-reanimated';
@@ -8,19 +8,18 @@ import {UniversityType, UniversityBadge} from '../../types';
 import {UniversityIcon} from '..';
 import {normalize, SCREEN_WIDTH} from '../../utils';
 import UniversityIconClicked from './UniversityIconClicked';
+
 interface BadgesDropdownProps {
   university: UniversityType;
   localBadges: {
     badge: UniversityBadge;
-    img: string;
+    img: ImageSourcePropType;
   }[];
-  badges: UniversityBadge[];
 }
 
 const BadgesDropdown: React.FC<BadgesDropdownProps> = ({
   university,
   localBadges,
-  badges,
 }) => {
   // Used to toggle between dropdown being displayed and not
   const [displayBadges, setDisplayBadges] = useState<boolean>(false);
@@ -33,7 +32,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({
     // Initialize position of badges to 0
     const defineBadgePositions = () => {
       let localTop: Animated.Value<number>[] = [];
-      badges.forEach(() => {
+      localBadges.forEach(() => {
         localTop.push(new Animated.Value(0));
       });
       setTop(localTop);
@@ -43,7 +42,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({
 
   // Displays badges dropdown by updating top [state] for every badge
   const animate = () => {
-    for (let i = 0; i < badges?.length; i++) {
+    for (let i = 0; i < localBadges?.length; i++) {
       if (top) {
         Animated.timing(top[i], {
           toValue: i * 40 + 50,
@@ -56,7 +55,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({
 
   // Draws back displayed badges by setting top [state] to 0 for every badge
   const animateBack = () => {
-    for (let i = 0; i < badges?.length; i++) {
+    for (let i = 0; i < localBadges?.length; i++) {
       if (top) {
         Animated.timing(top[i], {
           toValue: 0,