From 9eba7b1137ac3715fa6fddf7ff0578b23a8654c1 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Fri, 9 Jan 2026 06:18:32 +0000
Subject: [PATCH] use user state if possible to avoid stale data

---
 packages/frontend/src/components/avatar.tsx        | 12 ++++++++++--
 packages/frontend/src/components/upload-avatar.tsx |  1 +
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/avatar.tsx b/packages/frontend/src/components/avatar.tsx
index b06aa23..aee173a 100644
--- a/packages/frontend/src/components/avatar.tsx
+++ b/packages/frontend/src/components/avatar.tsx
@@ -1,4 +1,5 @@
 import { UserRound } from "lucide-react";
+import { useSession } from "@/components/session-provider";
 import { cn } from "@/lib/utils";
 
 const FALLBACK_COLOURS = [
@@ -41,18 +42,25 @@ function getInitials(username: string) {
 }
 
 export default function Avatar({
-    avatarURL,
-    name,
+    avatarURL: _avatarURL,
+    name: _name,
     username,
     size,
     textClass = "text-xs",
+    strong = false,
 }: {
     avatarURL?: string | null;
     name?: string;
     username?: string;
     size?: number;
     textClass?: string;
+    strong?: boolean;
 }) {
+    // if the username matches the authed user, use their avatarURL and name (avoid stale data)
+    const { user } = useSession();
+    const avatarURL = !strong && username && user && username === user.username ? user.avatarURL : _avatarURL;
+    const name = !strong && username && user && username === user.username ? user.name : _name;
+
     const backgroundClass = username
         ? FALLBACK_COLOURS[hashStringToIndex(username, FALLBACK_COLOURS.length)]
         : "bg-muted";
diff --git a/packages/frontend/src/components/upload-avatar.tsx b/packages/frontend/src/components/upload-avatar.tsx
index 341a1d0..3805eee 100644
--- a/packages/frontend/src/components/upload-avatar.tsx
+++ b/packages/frontend/src/components/upload-avatar.tsx
@@ -61,6 +61,7 @@ export function UploadAvatar({
                     avatarURL={avatarURL}
                     size={24}
                     textClass={"text-4xl"}
+                    strong
                 />
 
                 {!uploading && showEdit && (