mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-15 17:12:24 +01:00
parent c3b308e960
commit f035cfe7ce
468 changed files with 24378 additions and 17324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
apps/website/templates/TeamDetailTemplate.tsx
View File

@@ -1,8 +1,9 @@
'use client';
import { Breadcrumbs } from '@/components/layout/Breadcrumbs';
import React from 'react';
import { Breadcrumbs } from '@/ui/Breadcrumbs';
import { SlotTemplates } from '@/components/sponsors/SlotTemplates';
import SponsorInsightsCard from '@/components/sponsors/SponsorInsightsCard';
import { SponsorInsightsCard } from '@/components/sponsors/SponsorInsightsCard';
import { useSponsorMode } from '@/hooks/sponsor/useSponsorMode';
import { Box } from '@/ui/Box';
import { Button } from '@/ui/Button';
@@ -13,11 +14,12 @@ import { GridItem } from '@/ui/GridItem';
import { Heading } from '@/ui/Heading';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { HorizontalStatItem } from '@/ui/HorizontalStatItem';
import TeamAdmin from '@/components/teams/TeamAdmin';
import { TeamHero } from '@/components/teams/TeamHero';
import TeamRoster from '@/components/teams/TeamRoster';
import TeamStandings from '@/components/teams/TeamStandings';
import { TeamAdmin } from '@/components/teams/TeamAdmin';
import { TeamHero } from '@/ui/TeamHero';
import { TeamRoster } from '@/components/teams/TeamRoster';
import { TeamStandings } from '@/components/teams/TeamStandings';
import type { TeamDetailViewData } from '@/lib/view-data/TeamDetailViewData';
type Tab = 'overview' | 'roster' | 'standings' | 'admin';
@@ -64,7 +66,7 @@ export function TeamDetailTemplate({
<Container size="md" py={12}>
<Card>
<Stack align="center" py={12} gap={6}>
<Box style={{ textAlign: 'center' }}>
<Box textAlign="center">
<Heading level={1}>Team Not Found</Heading>
<Text color="text-gray-400" block mt={2}>
The team you're looking for doesn't exist or has been disbanded.
@@ -111,28 +113,29 @@ export function TeamDetailTemplate({
slots={SlotTemplates.team(true, true, 500, 250)}
trustScore={90}
monthlyActivity={85}
onNavigate={(href) => window.location.href = href}
/>
)}
<TeamHero
team={viewData.team}
team={{
...viewData.team,
leagues: viewData.team.leagues.map(id => ({ id }))
}}
memberCount={viewData.memberships.length}
onUpdate={onUpdate}
/>
{/* Tabs */}
<Box style={{ borderBottom: '1px solid #262626' }}>
<Box borderBottom={true} borderColor="border-charcoal-outline">
<Stack direction="row" gap={6}>
{visibleTabs.map((tab) => (
<Box
key={tab.id}
onClick={() => onTabChange(tab.id)}
pb={3}
style={{
cursor: 'pointer',
borderBottom: activeTab === tab.id ? '2px solid #3b82f6' : '2px solid transparent',
color: activeTab === tab.id ? '#3b82f6' : '#9ca3af'
}}
cursor="pointer"
className={`transition-all ${activeTab === tab.id ? 'border-b-2 border-primary-blue text-primary-blue' : 'border-b-2 border-transparent text-gray-400'}`}
>
<Text weight="medium">{tab.label}</Text>
</Box>
@@ -159,15 +162,15 @@ export function TeamDetailTemplate({
<Heading level={2}>Quick Stats</Heading>
</Box>
<Stack gap={3}>
<StatItem label="Members" value={viewData.memberships.length.toString()} color="text-primary-blue" />
<HorizontalStatItem label="Members" value={viewData.memberships.length.toString()} color="text-primary-blue" />
{viewData.team.category && (
<StatItem label="Category" value={viewData.team.category} color="text-purple-400" />
<HorizontalStatItem label="Category" value={viewData.team.category} color="text-purple-400" />
)}
{viewData.team.leagues && viewData.team.leagues.length > 0 && (
<StatItem label="Leagues" value={viewData.team.leagues.length.toString()} color="text-green-400" />
<HorizontalStatItem label="Leagues" value={viewData.team.leagues.length.toString()} color="text-green-400" />
)}
{viewData.team.createdAt && (
<StatItem
<HorizontalStatItem
label="Founded"
value={new Date(viewData.team.createdAt).toLocaleDateString('en-US', {
month: 'short',
@@ -186,7 +189,7 @@ export function TeamDetailTemplate({
<Heading level={2}>Recent Activity</Heading>
</Box>
<Box py={8}>
<Text color="text-gray-400" block style={{ textAlign: 'center' }}>No recent activity to display</Text>
<Text color="text-gray-400" block align="center">No recent activity to display</Text>
</Box>
</Card>
</Stack>