Skip to content

Feat: Complete Multi-Algorithm Comparison and UI Overhaul #6

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

Open
ras-al wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Feat: Complete Multi-Algorithm Comparison and UI Overhaul #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
ac65a95
Feat: Complete Multi-Algorithm Comparison and UI Overhaul
ras-al Jan 7, 2026
e803eea
Refactor: Address Copilot review feedback (sync safety and formatting)
ras-al Jan 8, 2026
4a44ae0
Refactor: Remove unused imports and fix minor syntax issues"
ras-al Jan 8, 2026
4e79731
efactor: Fix sync race condition and extract color logic"
ras-al Jan 8, 2026
687c160
Refactor: Use useRef for DOM access and improve robustness
ras-al Jan 8, 2026
bb36d72
Fix: Remove overflow-hidden to ensure bar labels are always visible
ras-al Jan 8, 2026
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
28 changes: 14 additions & 14 deletions src/components/dsa/ContributorsSection.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@ const ContributorsSection = ({ darkMode }) => {
<div className="mt-16 mb-8">
<div className="flex items-center gap-2 mb-6">
<Users className="w-6 h-6 text-cyan-400" />
<h2 className="text-2xl font-bold">Contributors to this page</h2>
<h2 className={cn("text-2xl font-bold", darkMode ? "text-white" : "text-slate-900")}>Contributors to this page</h2>
</div>

<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
{dsaContributors.map((contributor, index) => (
<motion.div
Expand All @@ -31,24 +31,24 @@ const ContributorsSection = ({ darkMode }) => {
<CardContent className="p-4 flex flex-col items-center text-center">
<div className="relative mb-3">
<div className="w-20 h-20 rounded-full overflow-hidden border-2 border-cyan-400/30 group-hover:border-cyan-400 transition-colors shadow-lg">
<img
src={contributor.avatar}
<img
src={contributor.avatar}
alt={contributor.name}
className="w-full h-full object-cover"
/>
</div>
</div>
<h3 className="font-bold text-sm mb-1">{contributor.name}</h3>
<p className="text-xs text-slate-500 mb-3">{contributor.role}</p>
<Button
asChild
variant="ghost"
size="sm"

<h3 className={cn("font-bold text-sm mb-1", darkMode ? "text-slate-200" : "text-slate-900")}>{contributor.name}</h3>
<p className={cn("text-xs mb-3", darkMode ? "text-slate-500" : "text-slate-600")}>{contributor.role}</p>

<Button
asChild
variant="ghost"
size="sm"
className={cn(
"w-full h-8 text-xs gap-2 border border-slate-700/20 hover:text-cyan-400",
darkMode ? "hover:bg-slate-700" : "hover:bg-slate-100"
"text-xs mb-3 w-full h-8 gap-2 border border-slate-700/20 hover:text-cyan-400",
darkMode ? "text-slate-500 hover:bg-slate-700" : "text-slate-600 hover:bg-slate-100"
)}
>
<a href={contributor.github} target="_blank" rel="noopener noreferrer">
Expand Down
Loading