1 files changed, 5 insertions, 4 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,