From 39bf57e7b43175b4959edfd93f6950153fcd67d6 Mon Sep 17 00:00:00 2001 From: legend4tech Date: Sun, 29 Mar 2026 08:36:44 +0100 Subject: [PATCH 1/3] feat: add user reputation dashboard with XP, skills radar, and contribution heatmap - Extend reputation types with XP, skills, and contribution history fields - Create skill radar chart component using Recharts - Create GitHub-style contribution heatmap with streak tracking - Add XP display widget with level progression - Add reputation dashboard tab to profile page - Handle empty states gracefully for all components Co-authored-by: Qwen-Coder --- app/profile/[userId]/page.tsx | 15 ++ components/profile/contribution-heatmap.tsx | 245 ++++++++++++++++++++ components/profile/reputation-dashboard.tsx | 34 +++ components/profile/skill-radar-chart.tsx | 123 ++++++++++ components/profile/xp-display.tsx | 73 ++++++ package-lock.json | 145 ++++-------- types/reputation.ts | 161 +++++++------ 7 files changed, 626 insertions(+), 170 deletions(-) create mode 100644 components/profile/contribution-heatmap.tsx create mode 100644 components/profile/reputation-dashboard.tsx create mode 100644 components/profile/skill-radar-chart.tsx create mode 100644 components/profile/xp-display.tsx diff --git a/app/profile/[userId]/page.tsx b/app/profile/[userId]/page.tsx index 66e1b30..2574b8a 100644 --- a/app/profile/[userId]/page.tsx +++ b/app/profile/[userId]/page.tsx @@ -9,6 +9,7 @@ import { EarningsSummary, type EarningsSummary as EarningsSummaryType, } from "@/components/reputation/earnings-summary"; +import { ReputationDashboard } from "@/components/profile/reputation-dashboard"; import { Button } from "@/components/ui/button"; import { Skeleton } from "@/components/ui/skeleton"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; @@ -17,6 +18,7 @@ import Link from "next/link"; import { useParams } from "next/navigation"; import { useMemo } from "react"; import { useCompletionHistory } from "@/hooks/use-reputation"; +import { ContributorReputationWithMetrics } from "@/types/reputation"; export default function ProfilePage() { const params = useParams(); @@ -194,6 +196,12 @@ export default function ProfilePage() { > Bounty History + + Reputation Dashboard + + +

Reputation Dashboard

+ + +
Detailed analytics coming soon. diff --git a/components/profile/contribution-heatmap.tsx b/components/profile/contribution-heatmap.tsx new file mode 100644 index 0000000..546c6c5 --- /dev/null +++ b/components/profile/contribution-heatmap.tsx @@ -0,0 +1,245 @@ +"use client"; + +import { ContributionHistory } from "@/types/reputation"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { + Tooltip, + TooltipContent, + TooltipProvider, + TooltipTrigger, +} from "@/components/ui/tooltip"; +import { cn } from "@/lib/utils"; +import { format, subDays, startOfDay, isSameDay } from "date-fns"; + +interface ContributionHeatmapProps { + contributionHistory: ContributionHistory; + className?: string; +} + +interface DayData { + date: string; + count: number; +} + +// Color levels for different contribution intensities +const getContributionColor = (count: number, maxCount: number): string => { + if (count === 0) return "bg-muted"; + + const ratio = count / (maxCount || 1); + + if (ratio >= 0.8) return "bg-primary"; + if (ratio >= 0.6) return "bg-primary/80"; + if (ratio >= 0.4) return "bg-primary/60"; + if (ratio >= 0.2) return "bg-primary/40"; + return "bg-primary/20"; +}; + +const WEEKDAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; +const MONTHS = [ + "Jan", + "Feb", + "Mar", + "Apr", + "May", + "Jun", + "Jul", + "Aug", + "Sep", + "Oct", + "Nov", + "Dec", +]; + +export function ContributionHeatmap({ + contributionHistory, + className, +}: ContributionHeatmapProps) { + const { contributions, totalContributions, streak } = contributionHistory; + + // Generate last 365 days (52 weeks + 1 day = 365 days) + const today = startOfDay(new Date()); + const daysData: DayData[] = []; + + for (let i = 364; i >= 0; i--) { + const date = subDays(today, i); + const dateStr = format(date, "yyyy-MM-dd"); + const contribution = contributions.find((c) => c.date === dateStr); + daysData.push({ + date: dateStr, + count: contribution?.count ?? 0, + }); + } + + // Organize into weeks for grid display + const weeks: DayData[][] = []; + let currentWeek: DayData[] = []; + + // Find the starting day of week (Sunday) + const startDate = subDays(today, 364); + const startDayOfWeek = startDate.getDay(); + + // Add padding days for the first week + for (let i = 0; i < startDayOfWeek; i++) { + currentWeek.push({ date: "", count: 0 }); + } + + daysData.forEach((day, index) => { + currentWeek.push(day); + if (currentWeek.length === 7) { + weeks.push(currentWeek); + currentWeek = []; + } + }); + + // Push remaining days + if (currentWeek.length > 0) { + while (currentWeek.length < 7) { + currentWeek.push({ date: "", count: 0 }); + } + weeks.push(currentWeek); + } + + const maxCount = Math.max(...daysData.map((d) => d.count), 1); + + // Handle empty data + if (totalContributions === 0) { + return ( + + +
+ + Contribution Activity + +
+ + +
+

No contributions in the last year

+
+ + + ); + } + + return ( + + +
+ + Contribution Activity + +
+ + + {streak.current} + {" "} + day streak + + + + {streak.longest} + {" "} + best + +
+
+ + + +
+ {/* Month labels */} +
+ {MONTHS.map((month, index) => { + // Show month label at the start of each month + const shouldShow = + index === 0 || + (index > 0 && index % 2 === 0) || + index === MONTHS.length - 1; + if (!shouldShow) { + return
; + } + return ( +
+ {month} +
+ ); + })} +
+ +
+ {/* Weekday labels */} +
+ {WEEKDAYS.map((day, index) => ( +
+ {day} +
+ ))} +
+ + {/* Heatmap grid */} +
+ {weeks.map((week, weekIndex) => ( +
+ {week.map((day, dayIndex) => { + const colorClass = day.date + ? getContributionColor(day.count, maxCount) + : "bg-transparent"; + + return ( + + +
+ + {day.date && ( + +

+ {day.count} contribution + {day.count !== 1 ? "s" : ""} +

+

+ {format(new Date(day.date), "MMM d, yyyy")} +

+ + )} + + ); + })} +
+ ))} +
+
+ + {/* Legend */} +
+ Less +
+
+
+
+
+
+ More +
+
+ + + + ); +} diff --git a/components/profile/reputation-dashboard.tsx b/components/profile/reputation-dashboard.tsx new file mode 100644 index 0000000..a5c4e19 --- /dev/null +++ b/components/profile/reputation-dashboard.tsx @@ -0,0 +1,34 @@ +"use client"; + +import { ContributorReputationWithMetrics } from "@/types/reputation"; +import { XpDisplay } from "./xp-display"; +import { SkillRadarChart } from "./skill-radar-chart"; +import { ContributionHeatmap } from "./contribution-heatmap"; + +interface ReputationDashboardProps { + reputation: ContributorReputationWithMetrics; +} + +export function ReputationDashboard({ reputation }: ReputationDashboardProps) { + const { metrics } = reputation; + + return ( +
+ {/* XP Display */} + + + {/* Charts Grid */} +
+ {/* Skill Radar Chart */} + + + {/* Contribution Stats */} +
+ +
+
+
+ ); +} diff --git a/components/profile/skill-radar-chart.tsx b/components/profile/skill-radar-chart.tsx new file mode 100644 index 0000000..0d23046 --- /dev/null +++ b/components/profile/skill-radar-chart.tsx @@ -0,0 +1,123 @@ +"use client"; + +import { SkillLevel } from "@/types/reputation"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { + Radar, + RadarChart, + PolarGrid, + PolarAngleAxis, + PolarRadiusAxis, + ResponsiveContainer, + Tooltip, +} from "recharts"; +import { cn } from "@/lib/utils"; + +interface SkillRadarChartProps { + skills: SkillLevel[]; + className?: string; +} + +interface ChartData { + skill: string; + level: number; + fullMark: number; +} + +export function SkillRadarChart({ skills, className }: SkillRadarChartProps) { + // Normalize skills to 0-100 scale and prepare chart data + const chartData: ChartData[] = skills.map((skill) => ({ + skill: skill.name, + level: Math.min(Math.max(skill.level, 0), 100), + fullMark: 100, + })); + + // Handle empty skills gracefully + if (skills.length === 0) { + return ( + + + + Technical Skills + + + +
+

No skills data available

+
+ + + ); + } + + const maxLevel = Math.max(...skills.map((s) => s.level), 100); + const tickCount = maxLevel >= 100 ? 5 : Math.ceil(maxLevel / 20); + + return ( + + + + Technical Skills + + + +
+ + + + + + + { + if (active && payload && payload.length) { + const data = payload[0].payload as ChartData; + return ( +
+

{data.skill}

+

+ Level: {data.level}/100 +

+
+ ); + } + return null; + }} + /> + + +
+ + + ); +} diff --git a/components/profile/xp-display.tsx b/components/profile/xp-display.tsx new file mode 100644 index 0000000..daea809 --- /dev/null +++ b/components/profile/xp-display.tsx @@ -0,0 +1,73 @@ +"use client"; + +import { Card, CardContent } from "@/components/ui/card"; +import { Progress } from "@/components/ui/progress"; +import { cn } from "@/lib/utils"; +import { Trophy, Zap } from "lucide-react"; + +interface XpDisplayProps { + xp: number; + className?: string; +} + +// XP thresholds for levels +const getLevelFromXp = (xp: number) => { + const level = Math.floor(xp / 1000) + 1; + const currentLevelXp = xp % 1000; + const nextLevelXp = 1000; + const progress = (currentLevelXp / nextLevelXp) * 100; + + return { + level, + currentXp: currentLevelXp, + nextLevelXp, + progress, + }; +}; + +export function XpDisplay({ xp, className }: XpDisplayProps) { + const { level, currentXp, nextLevelXp, progress } = getLevelFromXp(xp); + + return ( + + +
+
+
+ +
+
+

+ Experience Points +

+

+ {xp.toLocaleString()} XP +

+
+
+
+
+ + Level {level} +
+
+
+ +
+
+ Progress to Level {level + 1} + + {currentXp} / {nextLevelXp} XP + +
+ +
+ + + ); +} diff --git a/package-lock.json b/package-lock.json index 9adb979..e5c6719 100644 --- a/package-lock.json +++ b/package-lock.json @@ -140,7 +140,7 @@ "version": "3.2.0", "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.2.0.tgz", "integrity": "sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@csstools/css-calc": "^2.1.3", @@ -154,7 +154,7 @@ "version": "10.4.3", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", - "dev": true, + "devOptional": true, "license": "ISC" }, "node_modules/@babel/code-frame": { @@ -1233,7 +1233,7 @@ "version": "5.1.0", "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.1.0.tgz", "integrity": "sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==", - "dev": true, + "devOptional": true, "funding": [ { "type": "github", @@ -1253,7 +1253,7 @@ "version": "2.1.4", "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.4.tgz", "integrity": "sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==", - "dev": true, + "devOptional": true, "funding": [ { "type": "github", @@ -1277,7 +1277,7 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.1.0.tgz", "integrity": "sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==", - "dev": true, + "devOptional": true, "funding": [ { "type": "github", @@ -1305,7 +1305,7 @@ "version": "3.0.5", "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.5.tgz", "integrity": "sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==", - "dev": true, + "devOptional": true, "funding": [ { "type": "github", @@ -1328,7 +1328,7 @@ "version": "3.0.4", "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.4.tgz", "integrity": "sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==", - "dev": true, + "devOptional": true, "funding": [ { "type": "github", @@ -1434,7 +1434,6 @@ "cpu": [ "ppc64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1451,7 +1450,6 @@ "cpu": [ "arm" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1468,7 +1466,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1485,7 +1482,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1502,7 +1498,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1519,7 +1514,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1536,7 +1530,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1553,7 +1546,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1570,7 +1562,6 @@ "cpu": [ "arm" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1587,7 +1578,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1604,7 +1594,6 @@ "cpu": [ "ia32" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1621,7 +1610,6 @@ "cpu": [ "loong64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1638,7 +1626,6 @@ "cpu": [ "mips64el" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1655,7 +1642,6 @@ "cpu": [ "ppc64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1672,7 +1658,6 @@ "cpu": [ "riscv64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1689,7 +1674,6 @@ "cpu": [ "s390x" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1706,7 +1690,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1723,7 +1706,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1740,7 +1722,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1757,7 +1738,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1774,7 +1754,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1791,7 +1770,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1808,7 +1786,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1825,7 +1802,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1842,7 +1818,6 @@ "cpu": [ "ia32" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -1859,7 +1834,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7240,7 +7214,6 @@ "cpu": [ "arm" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7254,7 +7227,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7268,7 +7240,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7282,7 +7253,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7296,7 +7266,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7310,7 +7279,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7324,7 +7292,6 @@ "cpu": [ "arm" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7338,7 +7305,6 @@ "cpu": [ "arm" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7352,7 +7318,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7366,7 +7331,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7380,7 +7344,6 @@ "cpu": [ "loong64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7394,7 +7357,6 @@ "cpu": [ "loong64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7408,7 +7370,6 @@ "cpu": [ "ppc64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7422,7 +7383,6 @@ "cpu": [ "ppc64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7436,7 +7396,6 @@ "cpu": [ "riscv64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7450,7 +7409,6 @@ "cpu": [ "riscv64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7464,7 +7422,6 @@ "cpu": [ "s390x" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7478,7 +7435,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7492,7 +7448,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7506,7 +7461,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7520,7 +7474,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7534,7 +7487,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7548,7 +7500,6 @@ "cpu": [ "ia32" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7562,7 +7513,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -7576,7 +7526,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MIT", "optional": true, "os": [ @@ -8455,7 +8404,7 @@ "version": "20.19.33", "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.33.tgz", "integrity": "sha512-Rs1bVAIdBs5gbTIKza/tgpMuG1k3U/UMJLWecIMxNdJFDMzcM5LOiLVRYh3PilWEYDIeUDv7bpiHPLPsbydGcw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "undici-types": "~6.21.0" @@ -9292,7 +9241,7 @@ "version": "7.1.4", "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", - "dev": true, + "devOptional": true, "license": "MIT", "engines": { "node": ">= 14" @@ -10697,7 +10646,7 @@ "version": "4.6.0", "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.6.0.tgz", "integrity": "sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@asamuzakjp/css-color": "^3.2.0", @@ -10855,7 +10804,7 @@ "version": "5.0.0", "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz", "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "whatwg-mimetype": "^4.0.0", @@ -10986,7 +10935,7 @@ "version": "10.6.0", "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz", "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/decimal.js-light": { @@ -11339,7 +11288,7 @@ "version": "6.0.1", "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", - "dev": true, + "devOptional": true, "license": "BSD-2-Clause", "engines": { "node": ">=0.12" @@ -12521,7 +12470,6 @@ "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", - "dev": true, "hasInstallScript": true, "license": "MIT", "optional": true, @@ -13389,7 +13337,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz", "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "whatwg-encoding": "^3.1.1" @@ -13419,7 +13367,7 @@ "version": "7.0.2", "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz", "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "agent-base": "^7.1.0", @@ -13433,7 +13381,7 @@ "version": "7.0.6", "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz", "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "agent-base": "^7.1.2", @@ -14032,7 +13980,7 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz", "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/is-regex": { @@ -15360,7 +15308,7 @@ "version": "2.6.1", "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz", "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==", - "dev": true, + "devOptional": true, "license": "MIT", "bin": { "jiti": "lib/jiti-cli.mjs" @@ -15398,7 +15346,7 @@ "version": "26.1.0", "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.1.0.tgz", "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "cssstyle": "^4.2.1", @@ -15585,7 +15533,7 @@ "version": "1.31.1", "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.31.1.tgz", "integrity": "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==", - "dev": true, + "devOptional": true, "license": "MPL-2.0", "dependencies": { "detect-libc": "^2.0.3" @@ -15618,7 +15566,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15639,7 +15586,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15660,7 +15606,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15681,7 +15626,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15702,7 +15646,6 @@ "cpu": [ "arm" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15723,7 +15666,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15744,7 +15686,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15765,7 +15706,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15786,7 +15726,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15807,7 +15746,6 @@ "cpu": [ "arm64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -15828,7 +15766,6 @@ "cpu": [ "x64" ], - "dev": true, "license": "MPL-2.0", "optional": true, "os": [ @@ -17578,7 +17515,7 @@ "version": "2.2.23", "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.23.tgz", "integrity": "sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/object-assign": { @@ -17912,7 +17849,7 @@ "version": "7.3.0", "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz", "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "entities": "^6.0.0" @@ -18309,7 +18246,7 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", - "dev": true, + "devOptional": true, "license": "MIT", "engines": { "node": ">=6" @@ -19137,7 +19074,7 @@ "version": "0.8.0", "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz", "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/run-parallel": { @@ -19223,14 +19160,14 @@ "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/saxes": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz", "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==", - "dev": true, + "devOptional": true, "license": "ISC", "dependencies": { "xmlchars": "^2.2.0" @@ -20101,7 +20038,7 @@ "version": "3.2.4", "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/sync-fetch": { @@ -20327,7 +20264,7 @@ "version": "6.1.86", "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz", "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "tldts-core": "^6.1.86" @@ -20340,7 +20277,7 @@ "version": "6.1.86", "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz", "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/tmpl": { @@ -20367,7 +20304,7 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz", "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==", - "dev": true, + "devOptional": true, "license": "BSD-3-Clause", "dependencies": { "tldts": "^6.1.32" @@ -20380,7 +20317,7 @@ "version": "5.1.1", "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz", "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "punycode": "^2.3.1" @@ -20737,7 +20674,7 @@ "version": "6.21.0", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz", "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/unified": { @@ -21301,7 +21238,7 @@ "version": "5.0.0", "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz", "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "xml-name-validator": "^5.0.0" @@ -21334,7 +21271,7 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz", "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==", - "dev": true, + "devOptional": true, "license": "BSD-2-Clause", "engines": { "node": ">=12" @@ -21345,7 +21282,7 @@ "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz", "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==", "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "iconv-lite": "0.6.3" @@ -21358,7 +21295,7 @@ "version": "0.6.3", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" @@ -21371,7 +21308,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz", "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==", - "dev": true, + "devOptional": true, "license": "MIT", "engines": { "node": ">=18" @@ -21381,7 +21318,7 @@ "version": "14.2.0", "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz", "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "tr46": "^5.1.0", @@ -21701,7 +21638,7 @@ "version": "5.0.0", "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz", "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==", - "dev": true, + "devOptional": true, "license": "Apache-2.0", "engines": { "node": ">=18" @@ -21711,7 +21648,7 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz", "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==", - "dev": true, + "devOptional": true, "license": "MIT" }, "node_modules/y18n": { @@ -21735,7 +21672,7 @@ "version": "2.8.2", "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz", "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==", - "dev": true, + "devOptional": true, "license": "ISC", "bin": { "yaml": "bin.mjs" diff --git a/types/reputation.ts b/types/reputation.ts index a5f9c56..fd0d690 100644 --- a/types/reputation.ts +++ b/types/reputation.ts @@ -1,88 +1,117 @@ export type ReputationTier = - | 'NEWCOMER' - | 'CONTRIBUTOR' - | 'ESTABLISHED' - | 'EXPERT' - | 'LEGEND'; + | "NEWCOMER" + | "CONTRIBUTOR" + | "ESTABLISHED" + | "EXPERT" + | "LEGEND"; export interface ReputationBreakdown { - features: number; - bugs: number; - documentation: number; - refactoring: number; - other: number; + features: number; + bugs: number; + documentation: number; + refactoring: number; + other: number; } export interface BountyStats { - totalClaimed: number; - totalCompleted: number; - totalEarnings: number; - earningsCurrency: string; - averageCompletionTime: number; // hours - completionRate: number; // percentage 0-100 - currentStreak: number; - longestStreak: number; + totalClaimed: number; + totalCompleted: number; + totalEarnings: number; + earningsCurrency: string; + averageCompletionTime: number; // hours + completionRate: number; // percentage 0-100 + currentStreak: number; + longestStreak: number; } export interface BountyCompletionRecord { - id: string; - bountyId: string; - bountyTitle: string; - projectName: string; - projectLogoUrl: string | null; - difficulty: 'BEGINNER' | 'INTERMEDIATE' | 'ADVANCED'; - rewardAmount: number; - rewardCurrency: string; - claimedAt: string; - completedAt: string; - completionTimeHours: number; - maintainerRating: number | null; // 1-5 or null - maintainerFeedback: string | null; - pointsEarned: number; + id: string; + bountyId: string; + bountyTitle: string; + projectName: string; + projectLogoUrl: string | null; + difficulty: "BEGINNER" | "INTERMEDIATE" | "ADVANCED"; + rewardAmount: number; + rewardCurrency: string; + claimedAt: string; + completedAt: string; + completionTimeHours: number; + maintainerRating: number | null; // 1-5 or null + maintainerFeedback: string | null; + pointsEarned: number; } export interface ContributorReputation { - id: string; - userId: string; - walletAddress: string | null; - displayName: string; - avatarUrl: string | null; - - // Reputation Metrics - totalScore: number; - tier: ReputationTier; - tierProgress: number; // 0-100 progress to next tier - breakdown: ReputationBreakdown; - - // Activity Stats - stats: BountyStats; - - // Expertise - topTags: string[]; - specializations: string[]; - - // Timestamps - firstBountyAt: string | null; - lastActiveAt: string | null; - createdAt: string; - updatedAt: string; + id: string; + userId: string; + walletAddress: string | null; + displayName: string; + avatarUrl: string | null; + + // Reputation Metrics + totalScore: number; + tier: ReputationTier; + tierProgress: number; // 0-100 progress to next tier + breakdown: ReputationBreakdown; + + // Activity Stats + stats: BountyStats; + + // Expertise + topTags: string[]; + specializations: string[]; + + // Timestamps + firstBountyAt: string | null; + lastActiveAt: string | null; + createdAt: string; + updatedAt: string; } export interface RateContributorInput { - bountyId: string; - contributorId: string; - rating: number; // 1-5 - feedback?: string; + bountyId: string; + contributorId: string; + rating: number; // 1-5 + feedback?: string; } export interface ReputationHistoryParams { - userId: string; - limit?: number; - offset?: number; + userId: string; + limit?: number; + offset?: number; } export interface ReputationHistoryResponse { - records: BountyCompletionRecord[]; - totalCount: number; - hasMore: boolean; + records: BountyCompletionRecord[]; + totalCount: number; + hasMore: boolean; +} + +export interface SkillLevel { + name: string; + level: number; // 0-100 scale +} + +export interface ContributionDay { + date: string; // ISO date string (YYYY-MM-DD) + count: number; // number of contributions +} + +export interface ContributionHistory { + totalContributions: number; + contributions: ContributionDay[]; + streak: { + current: number; + longest: number; + }; +} + +export interface UserReputationMetrics { + xp: number; + skills: SkillLevel[]; + contributionHistory: ContributionHistory; +} + +export interface ContributorReputationWithMetrics extends ContributorReputation { + metrics: UserReputationMetrics; } From fbae6282e894497a49fc27bae35fc125b984535c Mon Sep 17 00:00:00 2001 From: legend4tech Date: Tue, 31 Mar 2026 05:51:52 +0100 Subject: [PATCH 2/3] fix: address CodeRabbit feedback and CI failures - Fix unsafe cast in profile page by adding metrics type guard and mock data fallback - Remove unused isSameDay import and index variable in contribution-heatmap - Fix static month labels to derive chronologically from actual week data - Optimize contribution lookup from O(n*m) to O(n) using Map instead of .find() - Add negative XP guard in xp-display to clamp values to 0 - Remove unused useRef import in bounty-detail-submissions-card - Remove unused waitFor import in use-submission-draft test - Fix setState in effect error in use-notifications using lazy initialization Co-authored-by: Qwen-Coder Co-authored-by: Qwen-Coder --- .qwen/settings.json | 11 ++++ .qwen/settings.json.orig | 7 +++ app/profile/[userId]/page.tsx | 30 +++++++++-- .../bounty-detail-submissions-card.tsx | 2 +- components/profile/contribution-heatmap.tsx | 49 +++++++++--------- components/profile/reputation-dashboard.tsx | 9 ++++ components/profile/xp-display.tsx | 6 ++- hooks/__tests__/use-submission-draft.test.ts | 2 +- hooks/use-notifications.ts | 51 +++++++++---------- 9 files changed, 106 insertions(+), 61 deletions(-) create mode 100644 .qwen/settings.json create mode 100644 .qwen/settings.json.orig diff --git a/.qwen/settings.json b/.qwen/settings.json new file mode 100644 index 0000000..e4c8c58 --- /dev/null +++ b/.qwen/settings.json @@ -0,0 +1,11 @@ +{ + "permissions": { + "allow": [ + "Bash(npm run *)", + "Bash(npm test)", + "Bash(git add *)", + "Bash(git commit *)" + ] + }, + "$version": 3 +} diff --git a/.qwen/settings.json.orig b/.qwen/settings.json.orig new file mode 100644 index 0000000..1204668 --- /dev/null +++ b/.qwen/settings.json.orig @@ -0,0 +1,7 @@ +{ + "permissions": { + "allow": [ + "Bash(npm run *)" + ] + } +} \ No newline at end of file diff --git a/app/profile/[userId]/page.tsx b/app/profile/[userId]/page.tsx index 2574b8a..9c8fbd7 100644 --- a/app/profile/[userId]/page.tsx +++ b/app/profile/[userId]/page.tsx @@ -20,6 +20,21 @@ import { useMemo } from "react"; import { useCompletionHistory } from "@/hooks/use-reputation"; import { ContributorReputationWithMetrics } from "@/types/reputation"; +// Mock metrics data for testing until backend supports full metrics payload +const getMockMetrics = (): ContributorReputationWithMetrics["metrics"] => ({ + xp: 2500, + skills: [ + { name: "Frontend", level: 75 }, + { name: "Backend", level: 60 }, + { name: "Documentation", level: 40 }, + ], + contributionHistory: { + totalContributions: 0, + contributions: [], + streak: { current: 0, longest: 0 }, + }, +}); + export default function ProfilePage() { const params = useParams(); const userId = params.userId as string; @@ -234,9 +249,18 @@ export default function ProfilePage() {

Reputation Dashboard

- + {"metrics" in reputation && reputation.metrics ? ( + + ) : ( + + )} diff --git a/components/bounty-detail/bounty-detail-submissions-card.tsx b/components/bounty-detail/bounty-detail-submissions-card.tsx index 96f9df4..0fe4a20 100644 --- a/components/bounty-detail/bounty-detail-submissions-card.tsx +++ b/components/bounty-detail/bounty-detail-submissions-card.tsx @@ -1,6 +1,6 @@ "use client"; -import { useState, useEffect, useRef } from "react"; +import { useState, useEffect } from "react"; import { Loader2, DollarSign } from "lucide-react"; import { Button } from "@/components/ui/button"; import { diff --git a/components/profile/contribution-heatmap.tsx b/components/profile/contribution-heatmap.tsx index 546c6c5..9d199bc 100644 --- a/components/profile/contribution-heatmap.tsx +++ b/components/profile/contribution-heatmap.tsx @@ -9,7 +9,7 @@ import { TooltipTrigger, } from "@/components/ui/tooltip"; import { cn } from "@/lib/utils"; -import { format, subDays, startOfDay, isSameDay } from "date-fns"; +import { format, subDays, startOfDay } from "date-fns"; interface ContributionHeatmapProps { contributionHistory: ContributionHistory; @@ -35,20 +35,6 @@ const getContributionColor = (count: number, maxCount: number): string => { }; const WEEKDAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; -const MONTHS = [ - "Jan", - "Feb", - "Mar", - "Apr", - "May", - "Jun", - "Jul", - "Aug", - "Sep", - "Oct", - "Nov", - "Dec", -]; export function ContributionHeatmap({ contributionHistory, @@ -60,13 +46,16 @@ export function ContributionHeatmap({ const today = startOfDay(new Date()); const daysData: DayData[] = []; + // Build a Map for O(1) lookup instead of O(n) .find() in each iteration + const contributionMap = new Map(contributions.map((c) => [c.date, c.count])); + for (let i = 364; i >= 0; i--) { const date = subDays(today, i); const dateStr = format(date, "yyyy-MM-dd"); - const contribution = contributions.find((c) => c.date === dateStr); + const count = contributionMap.get(dateStr) ?? 0; daysData.push({ date: dateStr, - count: contribution?.count ?? 0, + count, }); } @@ -83,7 +72,7 @@ export function ContributionHeatmap({ currentWeek.push({ date: "", count: 0 }); } - daysData.forEach((day, index) => { + daysData.forEach((day) => { currentWeek.push(day); if (currentWeek.length === 7) { weeks.push(currentWeek); @@ -149,21 +138,29 @@ export function ContributionHeatmap({
{/* Month labels */}
- {MONTHS.map((month, index) => { - // Show month label at the start of each month + {weeks.map((week, weekIndex) => { + // Find the first valid date in this week to determine the month + const firstValidDay = week.find((day) => day.date); + if (!firstValidDay) { + return
; + } + const weekMonth = format(new Date(firstValidDay.date), "MMM"); const shouldShow = - index === 0 || - (index > 0 && index % 2 === 0) || - index === MONTHS.length - 1; + weekIndex === 0 || + weeks[weekIndex - 1]?.some( + (day) => + day.date && + format(new Date(day.date), "MMM") !== weekMonth, + ); if (!shouldShow) { - return
; + return
; } return (
- {month} + {weekMonth}
); })} diff --git a/components/profile/reputation-dashboard.tsx b/components/profile/reputation-dashboard.tsx index a5c4e19..233236e 100644 --- a/components/profile/reputation-dashboard.tsx +++ b/components/profile/reputation-dashboard.tsx @@ -12,6 +12,15 @@ interface ReputationDashboardProps { export function ReputationDashboard({ reputation }: ReputationDashboardProps) { const { metrics } = reputation; + // Guard against missing metrics + if (!metrics) { + return ( +
+

Metrics data is not available for this user.

+
+ ); + } + return (
{/* XP Display */} diff --git a/components/profile/xp-display.tsx b/components/profile/xp-display.tsx index daea809..5b4f0a7 100644 --- a/components/profile/xp-display.tsx +++ b/components/profile/xp-display.tsx @@ -12,8 +12,10 @@ interface XpDisplayProps { // XP thresholds for levels const getLevelFromXp = (xp: number) => { - const level = Math.floor(xp / 1000) + 1; - const currentLevelXp = xp % 1000; + // Clamp negative XP to 0 + const clampedXp = Math.max(0, xp); + const level = Math.floor(clampedXp / 1000) + 1; + const currentLevelXp = clampedXp % 1000; const nextLevelXp = 1000; const progress = (currentLevelXp / nextLevelXp) * 100; diff --git a/hooks/__tests__/use-submission-draft.test.ts b/hooks/__tests__/use-submission-draft.test.ts index 573494e..1795f87 100644 --- a/hooks/__tests__/use-submission-draft.test.ts +++ b/hooks/__tests__/use-submission-draft.test.ts @@ -1,4 +1,4 @@ -import { renderHook, act, waitFor } from "@testing-library/react"; +import { renderHook, act } from "@testing-library/react"; import { useSubmissionDraft } from "../use-submission-draft"; describe("useSubmissionDraft", () => { diff --git a/hooks/use-notifications.ts b/hooks/use-notifications.ts index 5d5ffa8..780aa6e 100644 --- a/hooks/use-notifications.ts +++ b/hooks/use-notifications.ts @@ -91,20 +91,15 @@ export function useNotifications() { const userId = session?.user?.id ?? null; const prevUserIdRef = useRef(userId); - const [notifications, setNotifications] = useState([]); - const [hydrated, setHydrated] = useState(false); - - // Hydrate from localStorage when userId becomes available - useEffect(() => { - if (userId) { - setNotifications(loadFromStorage(userId)); - } else { - setNotifications([]); - } - setHydrated(true); - }, [userId]); - - // Reset on user change + // Initialize state with lazy loading from localStorage + // This runs only once during initial render, avoiding setState in effect + const [notifications, setNotifications] = useState(() => { + if (typeof window === "undefined" || !userId) return []; + return loadFromStorage(userId); + }); + + // Reset on user change - this is allowed during render as it's a state update + // based on a condition change (userId) if (prevUserIdRef.current !== userId) { prevUserIdRef.current = userId; setNotifications(userId ? loadFromStorage(userId) : []); @@ -112,14 +107,17 @@ export function useNotifications() { // Persist to localStorage whenever notifications change useEffect(() => { - if (userId && hydrated) { + if (userId) { saveToStorage(userId, notifications); } - }, [notifications, userId, hydrated]); + }, [notifications, userId]); // Helper to update notifications with cache invalidation const addNotification = useCallback( - (item: NotificationItem, invalidateKeys?: readonly (readonly string[])[]) => { + ( + item: NotificationItem, + invalidateKeys?: readonly (readonly string[])[], + ) => { setNotifications((prev) => upsertNotification(prev, item)); if (invalidateKeys) { @@ -226,18 +224,15 @@ export function useNotifications() { [notifications], ); - const isLoading = session === undefined || !hydrated; + const isLoading = session === undefined; - const markAsRead = useCallback( - (id: string, type: NotificationType) => { - setNotifications((previous) => - previous.map((item) => - item.id === id && item.type === type ? { ...item, read: true } : item, - ), - ); - }, - [], - ); + const markAsRead = useCallback((id: string, type: NotificationType) => { + setNotifications((previous) => + previous.map((item) => + item.id === id && item.type === type ? { ...item, read: true } : item, + ), + ); + }, []); const markAllAsRead = useCallback(() => { setNotifications((previous) => From 669430a938bd2a9570595d030de4f10472ba0539 Mon Sep 17 00:00:00 2001 From: legend4tech Date: Tue, 31 Mar 2026 06:13:18 +0100 Subject: [PATCH 3/3] fix: use neutral fallback for missing reputation metrics - Remove fabricated XP/skills mock data that could mislead users - Show 'metrics not available yet' placeholder state instead - Rename getMockMetrics to getEmptyMetrics and simplify to zeros/empty arrays - Display informative message when backend doesn't support extended metrics Co-authored-by: Qwen-Coder --- .qwen/settings.json | 4 ++- app/profile/[userId]/page.tsx | 28 +++++-------------- package-lock.json | 51 +---------------------------------- 3 files changed, 11 insertions(+), 72 deletions(-) diff --git a/.qwen/settings.json b/.qwen/settings.json index e4c8c58..67c320a 100644 --- a/.qwen/settings.json +++ b/.qwen/settings.json @@ -4,7 +4,9 @@ "Bash(npm run *)", "Bash(npm test)", "Bash(git add *)", - "Bash(git commit *)" + "Bash(git commit *)", + "Bash(npm install)", + "Bash(git push)" ] }, "$version": 3 diff --git a/app/profile/[userId]/page.tsx b/app/profile/[userId]/page.tsx index 3c8f17b..f8b7aa8 100644 --- a/app/profile/[userId]/page.tsx +++ b/app/profile/[userId]/page.tsx @@ -24,21 +24,6 @@ import { useMemo } from "react"; import { useCompletionHistory } from "@/hooks/use-reputation"; import { ContributorReputationWithMetrics } from "@/types/reputation"; -// Mock metrics data for testing until backend supports full metrics payload -const getMockMetrics = (): ContributorReputationWithMetrics["metrics"] => ({ - xp: 2500, - skills: [ - { name: "Frontend", level: 75 }, - { name: "Backend", level: 60 }, - { name: "Documentation", level: 40 }, - ], - contributionHistory: { - totalContributions: 0, - contributions: [], - streak: { current: 0, longest: 0 }, - }, -}); - export default function ProfilePage() { const params = useParams(); const userId = params.userId as string; @@ -270,12 +255,13 @@ export default function ProfilePage() { reputation={reputation as ContributorReputationWithMetrics} /> ) : ( - +
+

Reputation metrics are not available yet.

+

+ This feature will be enabled when the backend supports + extended metrics. +

+
)} diff --git a/package-lock.json b/package-lock.json index 1122d7f..c68c2f2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1101,21 +1101,6 @@ } } }, - "node_modules/@creit-tech/stellar-wallets-kit/node_modules/typescript": { - "version": "4.9.5", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", - "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", - "license": "Apache-2.0", - "optional": true, - "peer": true, - "bin": { - "tsc": "bin/tsc", - "tsserver": "bin/tsserver" - }, - "engines": { - "node": ">=4.2.0" - } - }, "node_modules/@creit.tech/xbull-wallet-connect": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/@creit.tech/xbull-wallet-connect/-/xbull-wallet-connect-0.4.0.tgz", @@ -1278,7 +1263,6 @@ "version": "1.9.1", "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.1.tgz", "integrity": "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==", - "dev": true, "license": "MIT", "optional": true, "dependencies": { @@ -1300,7 +1284,6 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz", "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==", - "dev": true, "license": "MIT", "optional": true, "dependencies": { @@ -7067,7 +7050,6 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.2.tgz", "integrity": "sha512-sNXv5oLJ7ob93xkZ1XnxisYhGYXfaG9f65/ZgYuAu3qt7b3NadcOEhLvx28hv31PgX8SZJRYrAIPQilQmFpLVw==", - "dev": true, "license": "MIT", "optional": true, "dependencies": { @@ -10889,7 +10871,6 @@ "version": "0.10.1", "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz", "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==", - "dev": true, "license": "MIT", "optional": true, "dependencies": { @@ -12169,21 +12150,6 @@ "ws": "^7.5.1" } }, - "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/utf-8-validate": { - "version": "5.0.10", - "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz", - "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==", - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "node-gyp-build": "^4.3.0" - }, - "engines": { - "node": ">=6.14.2" - } - }, "node_modules/@walletconnect/jsonrpc-ws-connection/node_modules/ws": { "version": "7.5.10", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz", @@ -18848,21 +18814,6 @@ "ws": "*" } }, - "node_modules/jayson/node_modules/utf-8-validate": { - "version": "5.0.10", - "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.10.tgz", - "integrity": "sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==", - "hasInstallScript": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "node-gyp-build": "^4.3.0" - }, - "engines": { - "node": ">=6.14.2" - } - }, "node_modules/jayson/node_modules/ws": { "version": "7.5.10", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz", @@ -27667,7 +27618,7 @@ "version": "2.8.3", "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz", "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==", - "dev": true, + "devOptional": true, "license": "ISC", "bin": { "yaml": "bin.mjs"