From 1d2a21e24cc45448d7be7746db1b19fbc992bd9d Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Fri, 18 Oct 2024 14:38:44 -0500
Subject: [PATCH] Mobile styles on progress, real peeps in the avatars

---
 src/components/banner/HeroBanner.js             | 10 +++++-----
 src/components/profile/progress/UserProgress.js |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/banner/HeroBanner.js b/src/components/banner/HeroBanner.js
index 7a1c555..05d9daa 100644
--- a/src/components/banner/HeroBanner.js
+++ b/src/components/banner/HeroBanner.js
@@ -103,11 +103,11 @@ const HeroBanner = () => {
                 )}
                 <div className="mb-8 flex flex-row">
                     <AvatarGroup>
-                        <Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/amyelsner.png"} size={isMobile ? "normal" : "large"} shape="circle" />
-                        <Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/asiyajavayant.png"} size={isMobile ? "normal" : "large"} shape="circle" />
-                        <Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/onyamalimba.png"} size={isMobile ? "normal" : "large"} shape="circle" />
-                        <Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/ionibowcher.png"} size={isMobile ? "normal" : "large"} shape="circle" />
-                        <Avatar image={"https://primefaces.org/cdn/primereact/images/avatar/xuxuefeng.png"} size={isMobile ? "normal" : "large"} shape="circle" />
+                        <Avatar image={"https://pbs.twimg.com/profile_images/1674493492519751680/wxuiYCJA_400x400.jpg"} size={isMobile ? "normal" : "large"} shape="circle" />
+                        <Avatar image={"https://cdn.discordapp.com/avatars/823623334582681610/a19c596166584d2f51e444103255336d.png?size=1024"} size={isMobile ? "normal" : "large"} shape="circle" />
+                        <Avatar image={"https://pbs.twimg.com/profile_images/1724533572537880576/WBcctRHT_400x400.jpg"} size={isMobile ? "normal" : "large"} shape="circle" />
+                        <Avatar image={"https://cdn.discordapp.com/avatars/850975720872214578/37b3790a77e5c848d9489c2649420aa9.png?size=1024"} size={isMobile ? "normal" : "large"} shape="circle" />
+                        <Avatar image={"https://i.nostr.build/BksqZ8QSHxr9FGj2.webp"} size={isMobile ? "normal" : "large"} shape="circle" />
                         <Avatar label="500+" shape="circle" size={isMobile ? "normal" : "large"} className={`${isMobile ? 'text-sm' : 'text-base'}`} />
                     </AvatarGroup>
                     <div className="flex flex-col justify-between my-2 ml-4">
diff --git a/src/components/profile/progress/UserProgress.js b/src/components/profile/progress/UserProgress.js
index ddc36d8..286de6d 100644
--- a/src/components/profile/progress/UserProgress.js
+++ b/src/components/profile/progress/UserProgress.js
@@ -17,7 +17,7 @@ const allTasks = [
         ]
     },
     { 
-        status: 'PlebDevs Course 1', 
+        status: 'Frontend Course', 
         completed: false, 
         tier: 'Junior Dev', 
         courseId: 'd20e2e9b-5123-4a91-b27f-d75ea1d5811e',
@@ -27,7 +27,7 @@ const allTasks = [
         ]
     },
     { 
-        status: 'PlebDevs Course 2', 
+        status: 'Backend Course', 
         completed: false, 
         tier: 'Plebdev', 
         courseId: 'aa3b1641-ad2b-4ef4-9f0f-38951ae307b7',
@@ -142,7 +142,7 @@ const UserProgress = () => {
                                                 <div className="w-6 h-6 bg-gray-700 rounded-full flex items-center justify-center mr-3">
                                                     <i className="pi pi-info-circle text-white text-2xl"></i>
                                                 </div>
-                                                <div className="flex items-center justify-between w-[160px] max-mob:w-[100px]">
+                                                <div className="flex items-center justify-between w-[150px]">
                                                     <span className="text-lg text-gray-400">{task.status}</span>
                                                     <i className={`pi pi-chevron-down text-gray-400 ml-2 transition-transform duration-300 ${expandedItems[index] ? 'rotate-180' : ''}`} />
                                                 </div>