From 0c60c4cc25bbb4a4ec2e6242beeca02b7107681e Mon Sep 17 00:00:00 2001
From: Douglas Sebastian <kagnanii.miyo@gmail.com>
Date: Fri, 1 Dec 2023 22:20:09 -0300
Subject: [PATCH] change: use ProfileClass on ManageProfile

---
 src/pages/ManageProfile/ManageProfile.tsx | 3 +--
 src/pages/ManageProfile/loader.ts         | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/pages/ManageProfile/ManageProfile.tsx b/src/pages/ManageProfile/ManageProfile.tsx
index b059d938..b645f765 100644
--- a/src/pages/ManageProfile/ManageProfile.tsx
+++ b/src/pages/ManageProfile/ManageProfile.tsx
@@ -4,7 +4,6 @@ import { Navigate, useLoaderData, useNavigate } from "react-router-dom";
 import UniversimeApi from "@/services/UniversimeApi";
 import { ManageProfileLinks, ManageProfileLoaderResponse, ManageProfilePassword, ManageProfileImage, getManageLinks, getProfileImage } from "@/pages/ManageProfile";
 import { setStateAsValue } from "@/utils/tsxUtils";
-import { getProfileImageUrl } from "@/utils/profileUtils";
 import { AuthContext } from "@/contexts/Auth";
 import * as SwalUtils from "@/utils/sweetalertUtils";
 
@@ -38,7 +37,7 @@ export function ManageProfilePage() {
             <div id="left-side">
                 <form id="profile-edit" className="card">
                     <div className="image-name-container">
-                        <ManageProfileImage currentImage={getProfileImageUrl(profile)} />
+                        <ManageProfileImage currentImage={profile.imageUrl} />
 
                         <fieldset id="fieldset-name">
                             <legend>Altere seu nome</legend>
diff --git a/src/pages/ManageProfile/loader.ts b/src/pages/ManageProfile/loader.ts
index a5179a8d..25374cde 100644
--- a/src/pages/ManageProfile/loader.ts
+++ b/src/pages/ManageProfile/loader.ts
@@ -1,9 +1,9 @@
 import UniversimeApi from "@/services/UniversimeApi";
-import { type Gender, type Profile, GENDER_OPTIONS } from "@/types/Profile";
+import { type Gender, ProfileClass, GENDER_OPTIONS } from "@/types/Profile";
 import { Link, TypeLink, TypeLinkToLabel } from "@/types/Link";
 
 export type ManageProfileLoaderResponse = {
-    profile: Profile | null;
+    profile: ProfileClass | null;
     links: Link[];
 
     genderOptions: {
@@ -45,7 +45,7 @@ export async function ManageProfileLoader(): Promise<ManageProfileLoaderResponse
         : [];
 
     return {
-        profile,
+        profile: profile ? new ProfileClass(profile) : null,
         links,
         genderOptions,
         typeLinks,