From 797e125822e56a34a03be0427fd7b1680f7562b4 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 11 Jul 2026 00:48:51 +0200
Subject: [PATCH] Add loading animation for user profile page when current user
 is undefined

---
 web/pages/[username]/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/pages/[username]/index.tsx b/web/pages/[username]/index.tsx
index 74fecc3c..96f5f7c5 100644
--- a/web/pages/[username]/index.tsx
+++ b/web/pages/[username]/index.tsx
@@ -9,6 +9,7 @@ import {GetStaticPropsContext} from 'next'
 import Head from 'next/head'
 import {useRouter} from 'next/router'
 import {useEffect, useMemo, useState} from 'react'
+import {HomeLoadingAnimation} from 'web/components/home/home-loading-animation'
 import {Col} from 'web/components/layout/col'
 import {PageBase} from 'web/components/page-base'
 import {ProfileInfo, ProfileInfoSkeleton} from 'web/components/profile/profile-info'
@@ -312,7 +313,7 @@ function UserPageInner(props: ActiveUserPageProps) {
         </Head>
       )}
 
-      {currentUser !== undefined && (
+      {currentUser !== undefined ? (
         <Col className={'gap-4'}>
           {profile ? (
             <ProfileInfo
@@ -326,6 +327,8 @@ function UserPageInner(props: ActiveUserPageProps) {
             <ProfileInfoSkeleton />
           )}
         </Col>
+      ) : (
+        <HomeLoadingAnimation />
       )}
     </PageBase>
   )