diff --git a/src/components/Header/UserMenu.jsx b/src/components/Header/UserMenu.jsx index 1484cc9..95d1a1e 100644 --- a/src/components/Header/UserMenu.jsx +++ b/src/components/Header/UserMenu.jsx @@ -6,6 +6,7 @@ import { useQueryClient, useIsFetching } from "@tanstack/react-query"; import Button from "@mui/joy/Button"; import IconButton from "@mui/joy/IconButton"; +import CircularProgress from "@mui/joy/CircularProgress"; import CachedIcon from "@mui/icons-material/Cached"; import LogoutIcon from "@mui/icons-material/Logout"; @@ -67,12 +68,15 @@ export default function UserMenu() { userIcon = ; } + const anythingLoading = accountIsLoading == true || isFetching == true; + const parsedActor = parseActorId(localPerson.actor_id); return ( <> - + {!anythingLoading && } + {anythingLoading && ( + + )}