Currently, when a user clicks on a lead and the profile is fetching data, the UI shows a plain, pulsing text string (<div>Loading profile...</div>).
We need to replace this basic text with our standard, centered loading spinner UI (the one used in DashboardPageWrapper.tsx and other core areas). The new loading state should have the circular spinning animation in the center, with the text "Loading profile..." displayed neatly underneath it.
Location: frontend/features/leads/components/profile/LeadProfileClient.tsx (Lines 150-156)
Expected Implementation:
Replace the current block with the exact same centered flexbox structure and CSS animation found in frontend/components/dashboard/DashboardPageWrapper.tsx (Lines 25-58), but keep the label text as "Loading profile...".
Currently, when a user clicks on a lead and the profile is fetching data, the UI shows a plain, pulsing text string (
<div>Loading profile...</div>).We need to replace this basic text with our standard, centered loading spinner UI (the one used in
DashboardPageWrapper.tsxand other core areas). The new loading state should have the circular spinning animation in the center, with the text "Loading profile..." displayed neatly underneath it.Location:
frontend/features/leads/components/profile/LeadProfileClient.tsx(Lines 150-156)Expected Implementation:
Replace the current block with the exact same centered flexbox structure and CSS animation found in
frontend/components/dashboard/DashboardPageWrapper.tsx(Lines 25-58), but keep the label text as "Loading profile...".