From 9a47823f04007831ef8170841ad380cf03f616e4 Mon Sep 17 00:00:00 2001
From: Jeffrin Jojo <135723871+Jeffrin2005@users.noreply.github.com>
Date: Wed, 15 Jan 2025 18:35:02 +0530
Subject: [PATCH 1/2] updated invalidateQueries

---
 src/components/Users/UserAvatar.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Users/UserAvatar.tsx b/src/components/Users/UserAvatar.tsx
index e4c7f783f20..e2c016b617a 100644
--- a/src/components/Users/UserAvatar.tsx
+++ b/src/components/Users/UserAvatar.tsx
@@ -1,4 +1,5 @@
 import careConfig from "@careConfig";
+import { useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
@@ -30,6 +31,7 @@ export default function UserAvatar({
   const { t } = useTranslation();
   const [editAvatar, setEditAvatar] = useState(false);
   const authUser = useAuthUser();
+  const queryClient = useQueryClient();
 
   const { data: userData, loading: isLoading } = useTanStackQueryInstead(
     routes.getUserDetails,
@@ -58,6 +60,7 @@ export default function UserAvatar({
         if (xhr.status === 200) {
           await sleep(1000);
           refetchUserData?.();
+          await queryClient.invalidateQueries({ queryKey: ["currentUser"] });
           toast.success(t("avatar_updated_success"));
           setEditAvatar(false);
         }
@@ -74,8 +77,9 @@ export default function UserAvatar({
       pathParams: { username },
     });
     if (res?.ok) {
-      toast.success(t("profile_picture_deleted"));
       refetchUserData?.();
+      await queryClient.invalidateQueries({ queryKey: ["currentUser"] });
+      toast.success(t("profile_picture_deleted"));
       setEditAvatar(false);
     } else {
       onError();

From 9deb319d026d66625562b7305918d22852224023 Mon Sep 17 00:00:00 2001
From: Jeffrin Jojo <135723871+Jeffrin2005@users.noreply.github.com>
Date: Wed, 15 Jan 2025 23:04:44 +0530
Subject: [PATCH 2/2] removed await && refetchUserData

---
 src/components/Users/UserAvatar.tsx | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/components/Users/UserAvatar.tsx b/src/components/Users/UserAvatar.tsx
index e2c016b617a..93913c644a1 100644
--- a/src/components/Users/UserAvatar.tsx
+++ b/src/components/Users/UserAvatar.tsx
@@ -21,13 +21,7 @@ import useTanStackQueryInstead from "@/Utils/request/useQuery";
 import { getAuthorizationHeader } from "@/Utils/request/utils";
 import { formatDisplayName, sleep } from "@/Utils/utils";
 
-export default function UserAvatar({
-  username,
-  refetchUserData,
-}: {
-  username: string;
-  refetchUserData?: () => void;
-}) {
+export default function UserAvatar({ username }: { username: string }) {
   const { t } = useTranslation();
   const [editAvatar, setEditAvatar] = useState(false);
   const authUser = useAuthUser();
@@ -59,8 +53,7 @@ export default function UserAvatar({
       async (xhr: XMLHttpRequest) => {
         if (xhr.status === 200) {
           await sleep(1000);
-          refetchUserData?.();
-          await queryClient.invalidateQueries({ queryKey: ["currentUser"] });
+          queryClient.invalidateQueries({ queryKey: ["currentUser"] });
           toast.success(t("avatar_updated_success"));
           setEditAvatar(false);
         }
@@ -77,8 +70,7 @@ export default function UserAvatar({
       pathParams: { username },
     });
     if (res?.ok) {
-      refetchUserData?.();
-      await queryClient.invalidateQueries({ queryKey: ["currentUser"] });
+      queryClient.invalidateQueries({ queryKey: ["currentUser"] });
       toast.success(t("profile_picture_deleted"));
       setEditAvatar(false);
     } else {