Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Redirect authenticated users from auth pages and enable event-driven profile data refresh in the settings sidebar.

Browse Source
This commit is contained in:
pradeepkumar
2026-02-09 00:03:45 +05:30
parent a2384fc7d9
commit eefc4bcd78
3 changed files with 109 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/settings/ProfileSettingsForm.tsx
View File

@@ -189,20 +189,13 @@ export function ProfileSettingsForm({
// Clean up local preview URL only after successful presigned URL
URL.revokeObjectURL(localPreviewUrl);
// Update the session to reflect the new avatar
await updateSession({
...session,
user: {
...session?.user,
image: presignedUrl,
},
});
// Dispatch event to notify header to refresh profile data
window.dispatchEvent(new Event('profile-updated'));
} catch {
// If presigned URL fails, keep the local preview (don't revoke it)
console.warn('Could not get presigned URL, using local preview');
// Still dispatch event to refresh header
window.dispatchEvent(new Event('profile-updated'));
}
setSuccessMessage('Profile picture updated successfully!');
@@ -254,15 +247,6 @@ export function ProfileSettingsForm({
}
setAvatarUrl(null);
// Update session
await updateSession({
...session,
user: {
...session?.user,
image: null,
},
});
// Dispatch event to notify header to refresh profile data
window.dispatchEvent(new Event('profile-updated'));

87
src/components/settings/SettingsSidebar.tsx
View File

@@ -1,6 +1,6 @@
'use client';
import { useState, useEffect } from 'react';
import { useState, useEffect, useCallback } from 'react';
import Image from 'next/image';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
@@ -31,51 +31,66 @@ export function SettingsSidebar({
avatarUrl: session?.user?.image || null,
});
useEffect(() => {
const fetchProfile = async () => {
try {
const role = (session?.user as any)?.role;
let avatarUrl = session?.user?.image || null;
let name = session?.user?.name || 'User';
let title = 'User';
const fetchProfile = useCallback(async () => {
try {
const role = (session?.user as any)?.role;
let avatarUrl: string | null = null;
let name = session?.user?.name || 'User';
let title = 'User';
if (role === 'AGENT') {
const profile = await agentsService.getMyProfile();
name = `${profile.firstName || ''} ${profile.lastName || ''}`.trim() || name;
title = profile.agentType?.name || 'Real Estate Agent';
if (role === 'AGENT') {
const profile = await agentsService.getMyProfile();
name = `${profile.firstName || ''} ${profile.lastName || ''}`.trim() || name;
title = profile.agentType?.name || 'Real Estate Agent';
if (profile.avatar) {
try {
avatarUrl = await uploadService.getPresignedDownloadUrl(profile.avatar);
} catch {
avatarUrl = profile.avatar;
}
}
} else if (role === 'USER') {
const profile = await usersService.getMyProfile();
name = `${profile.firstName || ''} ${profile.lastName || ''}`.trim() || name;
title = 'Member';
if (profile.avatar) {
try {
avatarUrl = await uploadService.getPresignedDownloadUrl(profile.avatar);
} catch {
avatarUrl = profile.avatar;
}
if (profile.avatar) {
try {
avatarUrl = await uploadService.getPresignedDownloadUrl(profile.avatar);
} catch {
avatarUrl = profile.avatar;
}
}
} else if (role === 'USER') {
const profile = await usersService.getMyProfile();
name = `${profile.firstName || ''} ${profile.lastName || ''}`.trim() || name;
title = 'Member';
setProfileData({ name, title, avatarUrl });
} catch (err) {
console.error('Failed to fetch profile for sidebar:', err);
// Keep session data as fallback
if (profile.avatar) {
try {
avatarUrl = await uploadService.getPresignedDownloadUrl(profile.avatar);
} catch {
avatarUrl = profile.avatar;
}
}
}
};
setProfileData({ name, title, avatarUrl });
} catch (err) {
console.error('Failed to fetch profile for sidebar:', err);
// Keep session data as fallback
}
}, [session]);
// Fetch profile on mount
useEffect(() => {
if (session) {
fetchProfile();
}
}, [session]);
}, [session, fetchProfile]);
// Listen for profile update events to refresh the sidebar
useEffect(() => {
const handleProfileUpdate = () => {
if (session) {
fetchProfile();
}
};
window.addEventListener('profile-updated', handleProfileUpdate);
return () => {
window.removeEventListener('profile-updated', handleProfileUpdate);
};
}, [session, fetchProfile]);
const navItems: NavItem[] = [
{