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 && (
+
+ )}