From 0124903b4eff1e4817aa354fa9a0c92f618c99f2 Mon Sep 17 00:00:00 2001
From: leoRysing <leshaigor@gmail.com>
Date: Wed, 17 Apr 2024 19:19:28 -0400
Subject: [PATCH] final changes

---
 frontend/components/PopularUser.tsx | 8 +++++---
 frontend/pages/Leaderboard.tsx      | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/components/PopularUser.tsx b/frontend/components/PopularUser.tsx
index 0691ec07..9491844c 100644
--- a/frontend/components/PopularUser.tsx
+++ b/frontend/components/PopularUser.tsx
@@ -3,6 +3,7 @@
 import React from 'react';
 import {Image, StyleSheet, Text, View} from 'react-native';
 import { Leader } from '../types/types';
+import { Ionicons } from '@expo/vector-icons';
 
 type PopularUserProps = {
 leader: Leader;
@@ -33,10 +34,11 @@ const PopularUser: React.FC<PopularUserProps> = ({ leader, index }: PopularUserP
 
 
             <View style={[styles.column, styles.followersColumn]}>
-                <Image
+                {/* <Image
                     source={require("../assets/followers_logo.png")}
                     style={styles.followersLogo}
-                />
+                /> */}
+                <Ionicons name="person-outline" size={18} color="#333333" />
                 <Text style={styles.followersText}>
                    {leader.follower_count}
                 </Text>
@@ -99,7 +101,7 @@ const styles = StyleSheet.create({
         marginRight: 15
     },
     followersText: {
-        color: '#787878',
+        color: '#333333',
         fontSize: 18
     },
     followersLogo: {
diff --git a/frontend/pages/Leaderboard.tsx b/frontend/pages/Leaderboard.tsx
index a4b9d073..edc97a9e 100644
--- a/frontend/pages/Leaderboard.tsx
+++ b/frontend/pages/Leaderboard.tsx
@@ -76,7 +76,7 @@ const styles = StyleSheet.create({
       justifyContent: 'flex-start',
       padding: 20,
       paddingTop: "15%",
-      backgroundColor: '#f5f5f5',
+      backgroundColor: '#FFFFFF',
     },
     leaderboard: {
         flex: 1,