comments for badge dropdown

1 files changed, 8 insertions, 1 deletions

diff --git a/src/components/suggestedPeople/BadgesDropdown.tsx b/src/components/suggestedPeople/BadgesDropdown.tsx
index cd0d20cc..264292d7 100644
--- a/src/components/suggestedPeople/BadgesDropdown.tsx
+++ b/src/components/suggestedPeople/BadgesDropdown.tsx
@@ -7,7 +7,6 @@ import Animated, {Easing} from 'react-native-reanimated';
 import {UniversityBadge} from 'src/types';
 import {UniversityIcon} from '..';
 import {normalize, SCREEN_WIDTH} from '../../utils';
-
 interface BadgesDropdownProps {
   localBadges: {
     badge: UniversityBadge;
@@ -16,11 +15,16 @@ interface BadgesDropdownProps {
 }
 
 const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges}) => {
+
+  // Used to toggle between dropdown being displayed and not
   const [displayBadges, setDisplayBadges] = useState<boolean>(false);
+
+  // Determines the absolute position of the individual badges [0, i * 40]
   let [top, setTop] = useState<Animated.Value<number>[]>([]);
   const navigation = useNavigation();
 
   useEffect(() => {
+    // Initialize position of badges to 0
     const defineBadgePositions = () => {
       let localTop: Animated.Value<number>[] = [];
       localBadges.forEach(() => {
@@ -31,6 +35,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges}) => {
     defineBadgePositions();
   }, []);
 
+  // Displays badges dropdown by updating top [state] for every badge
   const animate = () => {
     for (let i = 0; i < localBadges.length; i++) {
       if (top) {
@@ -43,6 +48,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++) {
       if (top) {
@@ -54,6 +60,7 @@ const BadgesDropdown: React.FC<BadgesDropdownProps> = ({localBadges}) => {
       }
     }
   };
+
   return (
     <Animated.View
       style={[styles.badgesContainer, {height: 50 + 40 * localBadges.length}]}>