completionId: cgen-03c50494225b44cf922805aaa0528b39
cgen-03c50494225b44cf922805aaa0528b39
This commit is contained in:
parent
20626d143f
commit
44d21ab80e
1 changed files with 15 additions and 33 deletions
|
|
@ -9,6 +9,7 @@ import { Badge } from "@/components/ui/badge";
|
||||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||||
import LoadingScreen from "@/components/LoadingScreen";
|
import LoadingScreen from "@/components/LoadingScreen";
|
||||||
import { Code, Users, Briefcase, ExternalLink, ArrowRight, AlertCircle, Edit, Save } from "lucide-react";
|
import { Code, Users, Briefcase, ExternalLink, ArrowRight, AlertCircle, Edit, Save } from "lucide-react";
|
||||||
|
import { TeamWidget } from "@/components/TeamWidget";
|
||||||
|
|
||||||
const API_BASE = import.meta.env.VITE_API_BASE || "";
|
const API_BASE = import.meta.env.VITE_API_BASE || "";
|
||||||
|
|
||||||
|
|
@ -246,39 +247,20 @@ export default function DevLinkDashboard() {
|
||||||
|
|
||||||
{/* Teams Tab */}
|
{/* Teams Tab */}
|
||||||
<TabsContent value="teams" className="space-y-4 animate-fade-in">
|
<TabsContent value="teams" className="space-y-4 animate-fade-in">
|
||||||
<Card className="bg-gradient-to-br from-cyan-950/40 to-cyan-900/20 border-cyan-500/20">
|
<TeamWidget
|
||||||
<CardHeader>
|
members={teams.flatMap((t: any) => (t.members || []).map((m: any) => ({
|
||||||
<CardTitle>My dev-link Teams</CardTitle>
|
id: m.id,
|
||||||
<CardDescription>Find and manage Roblox development teams</CardDescription>
|
name: m.full_name,
|
||||||
</CardHeader>
|
role: m.role || "Member",
|
||||||
<CardContent>
|
type: m.role === "lead" ? "lead" : "member",
|
||||||
{teams.length === 0 ? (
|
avatar: m.avatar_url,
|
||||||
<div className="text-center py-12 space-y-4">
|
team_name: t.name,
|
||||||
<Users className="h-12 w-12 mx-auto text-gray-500 opacity-50" />
|
})))}
|
||||||
<p className="text-gray-400">No teams yet. Browse available teams!</p>
|
title="My dev-link Teams"
|
||||||
<Button className="bg-cyan-600 hover:bg-cyan-700">
|
description="Find and manage Roblox development teams"
|
||||||
<Users className="h-4 w-4 mr-2" />
|
accentColor="cyan"
|
||||||
Find Teams
|
onMemberClick={() => {}}
|
||||||
</Button>
|
/>
|
||||||
</div>
|
|
||||||
) : (
|
|
||||||
<div className="space-y-3">
|
|
||||||
{teams.map((team: any) => (
|
|
||||||
<div key={team.id} className="p-4 bg-black/30 rounded-lg border border-cyan-500/10 hover:border-cyan-500/30 transition">
|
|
||||||
<div className="flex items-start justify-between gap-4 mb-2">
|
|
||||||
<h4 className="font-semibold text-white">{team.name}</h4>
|
|
||||||
<Badge className="bg-cyan-600/50 text-cyan-100">{team.members_count} members</Badge>
|
|
||||||
</div>
|
|
||||||
<p className="text-sm text-gray-400">{team.description}</p>
|
|
||||||
<Button size="sm" variant="outline" className="mt-3 border-cyan-500/30 text-cyan-300 hover:bg-cyan-500/10">
|
|
||||||
View Team <ArrowRight className="h-3 w-3 ml-2" />
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</CardContent>
|
|
||||||
</Card>
|
|
||||||
</TabsContent>
|
</TabsContent>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue