Skip to content

fix : show no-score state when profile data is null in ProfileOptimizerModal #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
tmdeveloper007 wants to merge 1 commit into from
Closed

fix : show no-score state when profile data is null in ProfileOptimizerModal #17

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
34 changes: 34 additions & 0 deletions components/dashboard/ProfileOptimizerModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -180,6 +180,40 @@ export default function ProfileOptimizerModal({

if (!isOpen) return null;

// Show no-score state when userData is null
if (!userData) {
return (
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6">
<motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
onClick={onClose}
className="absolute inset-0 bg-black/60 backdrop-blur-md"
/>
<motion.div
initial={{ opacity: 0, scale: 0.95, y: 16 }}
animate={{ opacity: 1, scale: 1, y: 0 }}
exit={{ opacity: 0, scale: 0.95, y: 16 }}
transition={{ type: 'spring', stiffness: 300, damping: 30 }}
className="relative w-full max-w-md rounded-2xl border border-black/10 bg-white dark:border-[rgba(255,255,255,0.08)] dark:bg-[#0a0a0a] shadow-2xl p-8 flex flex-col items-center gap-4"
>
<AlertCircle className="w-12 h-12 text-zinc-400 dark:text-zinc-600" />
<h2 className="text-xl font-bold text-gray-900 dark:text-white">No Profile Data Available</h2>
<p className="text-sm text-gray-500 dark:text-gray-400 text-center">
Profile data is required to generate optimization recommendations. Please ensure your GitHub profile information is accessible.
</p>
<button
onClick={onClose}
className="mt-2 px-6 py-2 rounded-xl bg-black dark:bg-white hover:bg-zinc-800 dark:hover:bg-zinc-100 text-white dark:text-black text-sm font-semibold transition-all"
>
Close
</button>
</motion.div>
</div>
);
}

//score ring
const radius = 52;
const circumference = 2 * Math.PI * radius;
Expand Down
Loading