diff options
| -rw-r--r-- | src/components/suggestedPeople/BadgesDropdown.tsx | 9 | ||||
| -rw-r--r-- | src/screens/suggestedPeople/SPBody.tsx | 4 |
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}> |