From 533e6ea6afffc309a2da7475eb60830fc7183f3f Mon Sep 17 00:00:00 2001
From: LandaMm <qwer.009771@gmail.com>
Date: Mon, 30 Jun 2025 00:08:25 +0200
Subject: [PATCH] fix: no avatar handling

---
 web/src/feature/Avatar/index.tsx              | 2 +-
 web/src/pages/Admin/RolesGroups/index.tsx     | 2 +-
 web/src/pages/Admin/ServiceSessions/index.tsx | 4 ++--
 web/src/pages/Admin/UserSessions/index.tsx    | 2 +-
 web/src/pages/Admin/Users/View/index.tsx      | 2 +-
 web/src/pages/Admin/Users/index.tsx           | 2 +-
 web/src/pages/Verify/Review/index.tsx         | 2 +-
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/src/feature/Avatar/index.tsx b/web/src/feature/Avatar/index.tsx
index de4333b..1be3739 100644
--- a/web/src/feature/Avatar/index.tsx
+++ b/web/src/feature/Avatar/index.tsx
@@ -5,7 +5,7 @@ import { useMemo, type FC } from "react";
 export interface AvatarProps {
   iconSize?: number;
   className?: string;
-  avatarId?: string;
+  avatarId?: string | null;
 }
 
 const Avatar: FC<AvatarProps> = ({ iconSize = 32, className, avatarId }) => {
diff --git a/web/src/pages/Admin/RolesGroups/index.tsx b/web/src/pages/Admin/RolesGroups/index.tsx
index 6970113..a4adac6 100644
--- a/web/src/pages/Admin/RolesGroups/index.tsx
+++ b/web/src/pages/Admin/RolesGroups/index.tsx
@@ -45,7 +45,7 @@ const RolesGroup: FC<IPermissionGroupProps> = ({ scope, roles }) => {
           </ol>
 
           {index + 1 < roles.length && (
-            <div className="h-0.5 bg-gray-700 w-full rounded my-6"></div>
+            <div className="h-[1px] bg-gray-700 w-full rounded my-6"></div>
           )}
         </div>
       ))}
diff --git a/web/src/pages/Admin/ServiceSessions/index.tsx b/web/src/pages/Admin/ServiceSessions/index.tsx
index 88a2edc..bf1b37b 100644
--- a/web/src/pages/Admin/ServiceSessions/index.tsx
+++ b/web/src/pages/Admin/ServiceSessions/index.tsx
@@ -113,7 +113,7 @@ const AdminServiceSessionsPage: FC = () => {
                     {/* <SessionSource deviceInfo={session.} /> */}
                     {typeof session.api_service?.icon_url === "string" && (
                       <Avatar
-                        avatarId={session.api_service.icon_url}
+                        avatarId={session.api_service.icon_url ?? null}
                         className="w-7 h-7 min-w-7"
                       />
                     )}
@@ -129,7 +129,7 @@ const AdminServiceSessionsPage: FC = () => {
                       <div className="flex flex-row items-center gap-2 justify-start">
                         {typeof session.user?.profile_picture === "string" && (
                           <Avatar
-                            avatarId={session.user.profile_picture}
+                            avatarId={session.user.profile_picture ?? null}
                             className="w-7 h-7 min-w-7"
                           />
                         )}
diff --git a/web/src/pages/Admin/UserSessions/index.tsx b/web/src/pages/Admin/UserSessions/index.tsx
index 6e3eb91..dc39590 100644
--- a/web/src/pages/Admin/UserSessions/index.tsx
+++ b/web/src/pages/Admin/UserSessions/index.tsx
@@ -127,7 +127,7 @@ const AdminUserSessionsPage: FC = () => {
                     <div className="flex flex-row items-center gap-2 justify-start">
                       {typeof session.user?.profile_picture === "string" && (
                         <Avatar
-                          avatarId={session.user.profile_picture}
+                          avatarId={session.user.profile_picture ?? null}
                           className="w-7 h-7 min-w-7"
                         />
                       )}
diff --git a/web/src/pages/Admin/Users/View/index.tsx b/web/src/pages/Admin/Users/View/index.tsx
index e278a28..71ce301 100644
--- a/web/src/pages/Admin/Users/View/index.tsx
+++ b/web/src/pages/Admin/Users/View/index.tsx
@@ -64,7 +64,7 @@ const AdminViewUserPage: FC = () => {
                 Avatar:
               </span>
               <Avatar
-                avatarId={user.profile_picture ?? undefined}
+                avatarId={user.profile_picture ?? null}
                 className="w-16 h-16"
                 iconSize={28}
               />
diff --git a/web/src/pages/Admin/Users/index.tsx b/web/src/pages/Admin/Users/index.tsx
index dbb0ffd..fdf5d9f 100644
--- a/web/src/pages/Admin/Users/index.tsx
+++ b/web/src/pages/Admin/Users/index.tsx
@@ -94,7 +94,7 @@ const AdminUsersPage: FC = () => {
                         <Avatar
                           iconSize={21}
                           className="w-8 h-8"
-                          avatarId={user.profile_picture ?? undefined}
+                          avatarId={user.profile_picture ?? null}
                         />
                         <p>{user.full_name}</p>
                       </div>
diff --git a/web/src/pages/Verify/Review/index.tsx b/web/src/pages/Verify/Review/index.tsx
index 2b1038b..c6c010e 100644
--- a/web/src/pages/Verify/Review/index.tsx
+++ b/web/src/pages/Verify/Review/index.tsx
@@ -21,7 +21,7 @@ const VerifyReviewPage: FC = () => {
       </p>
 
       <Avatar
-        avatarId={profile?.profile_picture ?? undefined}
+        avatarId={profile?.profile_picture ?? null}
         iconSize={64}
         className="w-48 h-48 min-w-48 mx-auto mt-4"
       />