Refactor user avatar URLs to use API endpoint for profile image download

COS301-SE-2024 · Sep 28, 2024 · 01244cb · 01244cb
1 parent 96edb65
commit 01244cb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/occupi-web/src/components/bookingComponent/BookingComponent.tsx b/frontend/occupi-web/src/components/bookingComponent/BookingComponent.tsx
@@ -124,7 +124,7 @@ export default function App() {
       case "name":
         return (
           <User
-            avatarProps={{ radius: "lg", src: user.avatar }}
+            avatarProps={{ radius: "lg", src: `https://dev.occupi.tech/api/download-profile-image?email=${user.email}&quality=low` }}
             description={user.email}
             name={cellValue}
           >

diff --git a/frontend/occupi-web/src/components/modal/Modal.tsx b/frontend/occupi-web/src/components/modal/Modal.tsx
@@ -178,7 +178,7 @@ ${reportData.arrivalDeparture.days.map((day) => `   ${day.weekday}: Arrival - ${
                 <div className="flex flex-col gap-6">
                   <div className="border flex items-center justify-between bg-secondary px-12 py-4 rounded-lg">
                     <ProfileComponent
-                      profileImage={user.avatar}
+                      profileImage={`https://dev.occupi.tech/api/download-profile-image?email=${user.email}&quality=mid`}
                       email={user.email}
                       name={user.name}
                       officeStatus={user.status.toLowerCase() as "onsite" | "offsite" | "booked"}