quick fix

2 files changed, 8 insertions, 5 deletions

diff --git a/src/components/suggestedPeople/BadgesDropdown.tsx b/src/components/suggestedPeople/BadgesDropdown.tsx
index 3fcb7cbc..007ea3f5 100644
--- a/src/components/suggestedPeople/BadgesDropdown.tsx
+++ b/src/components/suggestedPeople/BadgesDropdown.tsx
@@ -12,9 +12,10 @@ interface BadgesDropdownProps {
     badge: UniversityBadge;
     img: string;
   }[];
+  badges: UniversityBadge[];
 }
 
-const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges}) => {
+const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges, badges}) => {
 
   // Used to toggle between dropdown being displayed and not
   const [displayBadges, setDisplayBadges] = useState<boolean>(false);
@@ -27,7 +28,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges}) => {
     // Initialize position of badges to 0
     const defineBadgePositions = () => {
       let localTop: Animated.Value<number>[] = [];
-      localBadges.forEach(() => {
+      badges.forEach(() => {
         localTop.push(new Animated.Value(0));
       });
       setTop(localTop);
@@ -37,7 +38,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges}) => {
 
   // Displays badges dropdown by updating top [state] for every badge
   const animate = () => {
-    for (let i = 0; i < localBadges.length; i++) {
+    for (let i = 0; i < badges?.length; i++) {
       if (top) {
         Animated.timing(top[i], {
           toValue: i * 40 + 50,
@@ -50,7 +51,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges}) => {
 
   // Draws back displayed badges by setting top [state] to 0 for every badge
   const animateBack = () => {
-    for (let i = 0; i < localBadges.length; i++) {
+    for (let i = 0; i < badges?.length; i++) {
       if (top) {
         Animated.timing(top[i], {
           toValue: 0,
diff --git a/src/screens/suggestedPeople/SPBody.tsx b/src/screens/suggestedPeople/SPBody.tsx
index 89eaaa25..6572dc55 100644
--- a/src/screens/suggestedPeople/SPBody.tsx
+++ b/src/screens/suggestedPeople/SPBody.tsx
@@ -138,7 +138,9 @@ const SPBody: React.FC<SPBodyProps> = ({
       <View style={styles.mainContainer}>
         <View style={styles.topContainer}>
           <Text style={styles.title}>{firstItem && 'Suggested People'}</Text>
-          <BadgesDropdown localBadges={localBadges} />
+          {localBadges && (
+            <BadgesDropdown localBadges={localBadges} badges={badges} />
+          )}
         </View>
         <View style={styles.body}>
           <View style={styles.marginManager}>