refactor: remove gh/GitHub references from tokens, classes, and component names
Rename all --color-gh-* CSS tokens to --color-*, update Tailwind class names (bg-gh-*, text-gh-*, border-gh-*, etc.) across all TSX/TS files, rename GhButton component and file to Button, and remove trivial descriptive comments.
This commit is contained in:
@@ -16,15 +16,14 @@ export function StatisticsDashboard({ stats }: StatisticsDashboardProps) {
|
||||
return (
|
||||
<div className="py-16 text-center">
|
||||
<div className="mb-3 text-5xl">📊</div>
|
||||
<h3 className="mb-1 text-base font-semibold text-gh-primary">No Statistics Available</h3>
|
||||
<p className="text-sm text-gh-muted">No data found for the selected date range.</p>
|
||||
<h3 className="mb-1 text-base font-semibold text-primary">No Statistics Available</h3>
|
||||
<p className="text-sm text-muted">No data found for the selected date range.</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="flex flex-col gap-4">
|
||||
{/* 4 stat cards */}
|
||||
<div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<StatCard title="Total Sessions" value={stats.totalSessions ?? 0} icon="🏁" />
|
||||
<StatCard
|
||||
@@ -40,26 +39,24 @@ export function StatisticsDashboard({ stats }: StatisticsDashboardProps) {
|
||||
<StatCard title="Peak Players" value={stats.peakPlayers ?? 0} icon="🔥" />
|
||||
</div>
|
||||
|
||||
{/* Charts row */}
|
||||
<div className="grid grid-cols-1 gap-4 lg:grid-cols-3">
|
||||
<div className="lg:col-span-2 rounded-lg border border-gh-border bg-gh-canvas p-4">
|
||||
<h3 className="mb-3 text-sm font-semibold text-gh-primary">Player Count Over Time</h3>
|
||||
<div className="lg:col-span-2 rounded-lg border border-border bg-canvas p-4">
|
||||
<h3 className="mb-3 text-sm font-semibold text-primary">Player Count Over Time</h3>
|
||||
<PlayerCountChart data={stats.playerCountOverTime ?? []} />
|
||||
</div>
|
||||
<div className="rounded-lg border border-gh-border bg-gh-canvas p-4">
|
||||
<h3 className="mb-3 text-sm font-semibold text-gh-primary">Session Types</h3>
|
||||
<div className="rounded-lg border border-border bg-canvas p-4">
|
||||
<h3 className="mb-3 text-sm font-semibold text-primary">Session Types</h3>
|
||||
<SessionTypesChart data={stats.sessionTypes ?? []} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="rounded-lg border border-gh-border bg-gh-canvas p-4">
|
||||
<h3 className="mb-3 text-sm font-semibold text-gh-primary">Daily Activity</h3>
|
||||
<div className="rounded-lg border border-border bg-canvas p-4">
|
||||
<h3 className="mb-3 text-sm font-semibold text-primary">Daily Activity</h3>
|
||||
<DailyActivityChart data={stats.dailyActivity ?? []} />
|
||||
</div>
|
||||
|
||||
{/* Recent sessions */}
|
||||
<div className="overflow-hidden rounded-lg border border-gh-border bg-gh-canvas">
|
||||
<div className="border-b border-gh-border-muted px-4 py-3 text-sm font-semibold text-gh-primary">Recent Sessions</div>
|
||||
<div className="overflow-hidden rounded-lg border border-border bg-canvas">
|
||||
<div className="border-b border-border-muted px-4 py-3 text-sm font-semibold text-primary">Recent Sessions</div>
|
||||
<RecentSessions sessions={stats.recentSessions ?? []} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user