fix: suppress guest auth errors and add SVG placeholder for missing user avatar in PreviewMapShell

src/service/auth.ts

@@ -62,8 +62,8 @@ export const apiResetPassword = async (payload: ResetPasswordPayload) => {
   return response.data;
 };
 
-export const apiGetCurrentUser = async () => {
-  const response = await api.get(API.User.CURRENT);
+export const apiGetCurrentUser = async (config?: any) => {
+  const response = await api.get(API.User.CURRENT, config);
   return response?.data;
 };
 

src/uhm/components/preview/PreviewMapShell.tsx

@@ -121,7 +121,7 @@ export default function PreviewMapShell({
     useEffect(() => {
         const fetchUserAvatar = async () => {
             try {
-                const userData = await apiGetCurrentUser();
+                const userData = await apiGetCurrentUser({ skipRefresh: true } as any);
                 console.log("PreviewMapShell: Fetched userData:", userData);
                 if (userData?.data?.profile?.avatar_url) {
                     console.log("PreviewMapShell: Setting avatarUrl to:", userData.data.profile.avatar_url);
@@ -130,7 +130,7 @@ export default function PreviewMapShell({
                     console.log("PreviewMapShell: No avatar_url in profile:", userData?.data?.profile);
                 }
             } catch (err) {
-                console.error("PreviewMapShell: Failed to fetch user avatar:", err);
+                console.log("PreviewMapShell: No active session (user is guest)");
             }
         };
         fetchUserAvatar();
@@ -250,8 +250,9 @@ export default function PreviewMapShell({
                                 padding: 0,
                             }}
                         >
+                            {avatarUrl ? (
                                 <Image
-                                src={avatarUrl || "/images/no-images.jpg"}
+                                    src={avatarUrl}
                                     alt="Cài đặt"
                                     width={46}
                                     height={46}
@@ -261,6 +262,22 @@ export default function PreviewMapShell({
                                         objectFit: "cover",
                                     }}
                                 />
+                            ) : (
+                                <svg
+                                    width="20"
+                                    height="20"
+                                    viewBox="0 0 24 24"
+                                    fill="none"
+                                    stroke="#cbd5e1"
+                                    strokeWidth="2.5"
+                                    strokeLinecap="round"
+                                    strokeLinejoin="round"
+                                    style={{ transition: "color 0.2s ease" }}
+                                >
+                                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
+                                    <circle cx="12" cy="7" r="4" />
+                                </svg>
+                            )}
                         </button>
 
                         {isMenuOpen && (