fix: dashboard api calls, multi profile fetch

src/features/profile/components/security/RecentLogins.tsx

@@ -9,11 +9,10 @@ import {
 import { useTranslation } from 'react-i18next';
 import { CardContainer } from '@/components/CardContainer';
 import { PageWrapper } from '../PageWrapper';
-import { fetchProfile } from '../../api/settingsApi';
 import type { LoginLog } from '../../types/settingsApiType';
-import { useApi } from '@/hooks/useApi';
 import { formatDate } from '@/utils/formatSessionDate';
 import { useToast } from '@rkheftan/harmony-ui';
+import { useProfile } from '../../hooks/useProfile';
 
 export function RecentLogins() {
   const { t, i18n } = useTranslation('setting');
@@ -22,31 +21,43 @@ export function RecentLogins() {
   const isXsup = useMediaQuery(theme.breakpoints.up('xs'));
   const showToast = useToast();
 
-  const {
-    data: profileData,
-    loading: isLoading,
-    error: fetchError,
-  } = useApi(fetchProfile, { immediate: true });
+  const { isLoadingProfile, refetchProfile } = useProfile();
+
+  // useEffect(() => {
+  //   if (profileData?.success && Array.isArray(profileData.loginLogs)) {
+  //     setLogs(profileData.loginLogs);
+  //   }
+  // }, [profileData]);
+
+  // useEffect(() => {
+  //   if (fetchError) {
+  //     showToast({
+  //       message: getErrorMessage(fetchError) || t('active.errorFetch'),
+  //       severity: 'error',
+  //     });
+  //   }
+  // }, [fetchError, t, showToast]);
 
   useEffect(() => {
-    if (profileData?.success && Array.isArray(profileData.loginLogs)) {
-      setLogs(profileData.loginLogs);
-    }
-  }, [profileData]);
+    const loadProfile = async () => {
+      const profileData = await refetchProfile();
 
-  useEffect(() => {
-    if (fetchError) {
-      showToast({
-        message: getErrorMessage(fetchError) || t('active.errorFetch'),
-        severity: 'error',
-      });
-    }
-  }, [fetchError, t, showToast]);
-  const getErrorMessage = (error: unknown): string | null => {
-    if (!error) return null;
-    if (error instanceof Error) return error.message;
-    return String(error);
-  };
+      if (!profileData) return;
+
+      if (profileData.success) {
+        if (!Array.isArray(profileData.loginLogs)) return;
+        setLogs(profileData.loginLogs);
+      } else {
+        showToast({
+          message: profileData.message || t('active.errorFetch'),
+          severity: 'error',
+        });
+      }
+    };
+
+    loadProfile();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   return (
     <PageWrapper>
@@ -54,7 +65,7 @@ export function RecentLogins() {
         title={t('securityForm.recentLogins')}
         subtitle={t('securityForm.description')}
       >
-        {isLoading ? (
+        {isLoadingProfile ? (
           <Box
             sx={{
               display: 'flex',
@@ -66,12 +77,6 @@ export function RecentLogins() {
           >
             <CircularProgress />
           </Box>
-        ) : fetchError ? (
-          <Box sx={{ textAlign: 'center', p: 4 }}>
-            <Typography color="error.main">
-              {getErrorMessage(fetchError) || t('active.errorFetch')}
-            </Typography>
-          </Box>
         ) : (
           <Box sx={{ px: 4 }}>
             {logs.map((log, index) => (