fix: user loader on profile when there is no data

Author: Samantha-KY

src/components/layout/Navbar.tsx

@@ -15,6 +15,7 @@ import { Colors } from "@/types/community";
 import classNames from "classnames";
 import Loader from "../ui/Loader";
 import { IRootState } from "@/store";
+import { User } from "@/types/bounty";
 
 interface NavbarProps {
   settings?: {
@@ -38,13 +39,14 @@ interface NavbarProps {
 export default function Navbar({ settings, sidebarBurgerColor = false }: NavbarProps): ReactElement {
   const { t } = useTranslation();
   const router = useRouter();
-  const { isAuthenticated, isAuthenticatedAndVerified, isAuthLoading } = useMultiSelector<
+  const { isAuthenticated, isAuthenticatedAndVerified, isAuthLoading, authData } = useMultiSelector<
     unknown,
-    { isAuthenticated: boolean; isAuthenticatedAndVerified: boolean; isAuthLoading: boolean }
+    { isAuthenticated: boolean; isAuthenticatedAndVerified: boolean; isAuthLoading: boolean; authData: User }
   >({
     isAuthenticatedAndVerified: (state: IRootState) => authVerify(state),
     isAuthenticated: (state: IRootState) => authCheck(state),
     isAuthLoading: (state: IRootState) => state.auth.isAuthLoading,
+    authData: (state: IRootState) => state.auth.data,
   });
 
   const colors = useMemo(() => {
@@ -94,7 +96,7 @@ export default function Navbar({ settings, sidebarBurgerColor = false }: NavbarP
           </ul>
         )}
 
-        {isAuthLoading ? (
+        {isAuthLoading && !authData ? (
           <ul className="ml-auto relative">
             <Loader isSmallSpinner />
           </ul>

src/store/index.ts

@@ -31,7 +31,6 @@ import walletsSlice from "./feature/user/wallets.slice";
 import walletsService from "./services/wallets.service";
 import userProfileService from "./services/profile/users.service";
 import bountiesService from "./services/bounties.service";
-// import profileReducer from "./feature/profile";
 import userReferralsSlice from "./feature/user/referrals.slice";
 import web3WalletSlice from "./feature/wallet.slice";
 import certificateSlice from "./feature/profile/certificate.slice";
@@ -86,13 +85,10 @@ export interface IRootState {
   courses: ReturnType<typeof courseSlice.reducer>;
   feedback: ReturnType<typeof feedbackSlice.reducer>;
   learningModules: ReturnType<typeof learningModulesSlice.reducer>;
-  // profile: ReturnType<typeof profileReducer>;
-  //testing
   profileCommunities: ReturnType<typeof communitiesProfile.reducer>;
   profileReputation: ReturnType<typeof reputationSlice.reducer>;
   profileUser: ReturnType<typeof userProfileSlice.reducer>;
   profileCertificate: ReturnType<typeof certificateSlice.reducer>;
-
   certificates: ReturnType<typeof certificateSlice.reducer>;
   sumsubVerification: ReturnType<typeof sumsubVerificationSlice.reducer>;
   payouts: ReturnType<typeof payoutsSlice.reducer>;
@@ -118,26 +114,18 @@ export const makeStore = () =>
       [submissionsSlice.name]: submissionsSlice.reducer,
       [eventsSlice.name]: eventsSlice.reducer,
       [bountiesSlice.name]: bountiesSlice.reducer,
-      [navigationSlice.name]: navigationSlice.reducer,
-      [communitySlice.name]: communitySlice.reducer,
-      [eventsSlice.name]: eventsSlice.reducer,
-      [submissionsSlice.name]: submissionsSlice.reducer,
-      [eventsSlice.name]: eventsSlice.reducer,
       [communitySlice.name]: communitySlice.reducer,
       [learningModulesSlice.name]: learningModulesSlice.reducer,
       [userProfileSlice.name]: userProfileSlice.reducer,
       [userReputationSlice.name]: userReputationSlice.reducer,
       [feedbackSlice.name]: feedbackSlice.reducer,
       [challengeSlice.name]: challengeSlice.reducer,
       [web3WalletSlice.name]: web3WalletSlice.reducer,
-      [learningModulesSlice.name]: learningModulesSlice.reducer,
       [communityService.reducerPath]: communityService.reducer,
       [bountiesService.reducerPath]: bountiesService.reducer,
-      [authService.reducerPath]: authService.reducer,
       [coursesService.reducerPath]: coursesService.reducer,
       [certificateService.reducerPath]: certificateService.reducer,
       [walletsService.reducerPath]: walletsService.reducer,
-      [bountiesService.reducerPath]: bountiesService.reducer,
       [reputationProfileService.reducerPath]: reputationProfileService.reducer,
       [profileCommunitiesService.reducerPath]: profileCommunitiesService.reducer,
       [userService.reducerPath]: userService.reducer,
@@ -155,12 +143,8 @@ export const makeStore = () =>
       [challengeService.reducerPath]: challengeService.reducer,
       [scoreboardService.reducerPath]: scoreboardService.reducer,
       [invitesSlice.name]: invitesSlice.reducer,
-      // profile: profileReducer,
-      //testing
       [communitiesProfile.name]: communitiesProfile.reducer,
       [reputationSlice.name]: reputationSlice.reducer,
-      [userProfileSlice.name]: userProfileSlice.reducer,
-      // [certificateSlice.name]: certificateSlice.reducer,
     },
 
     middleware: (getDefaultMiddleware) => {