From 67c03fe5424dca4d29f3c07207b44324a9232e31 Mon Sep 17 00:00:00 2001
From: pdelfan <pdelfan@gmail.com>
Date: Thu, 9 Apr 2026 10:57:37 -0700
Subject: [PATCH] feat: settings log out skeleton

---
 .../components/settingLogoutItem/SettingLogoutItem.tsx       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/webapp/features/settings/components/settingLogoutItem/SettingLogoutItem.tsx b/src/webapp/features/settings/components/settingLogoutItem/SettingLogoutItem.tsx
index 1491e8ee..e2548682 100644
--- a/src/webapp/features/settings/components/settingLogoutItem/SettingLogoutItem.tsx
+++ b/src/webapp/features/settings/components/settingLogoutItem/SettingLogoutItem.tsx
@@ -4,9 +4,10 @@ import { useAuth } from '@/hooks/useAuth';
 import { Button } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import { IoMdLogOut } from 'react-icons/io';
+import SettingItemSkeleton from '../settingItem/Skeleton.SettingItem';
 
 export default function SettingLogoutItem() {
-  const { logout } = useAuth();
+  const { logout, isLoading } = useAuth();
   const router = useRouter();
 
   const handleLogout = async () => {
@@ -18,6 +19,8 @@ export default function SettingLogoutItem() {
     }
   };
 
+  if (isLoading) return <SettingItemSkeleton />;
+
   return (
     <Button
       variant="light"
-- 
2.51.2