draupnir4all-web

git clone git://archive.git.mtrnord.blog/MTRNord/draupnir4all-web.git
Log | Files | Refs | README | LICENSE

tab-navigation.tsx (1664B)

      1 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
      2 import { DraupnirBot } from "@/lib/api";
      3 import Link from "next/link";
      4 
      5 interface TabNavigationProps {
      6     selectedBot: DraupnirBot;
      7     currentTab: string;
      8 }
      9 
     10 export default function TabNavigation({ selectedBot, currentTab }: TabNavigationProps) {
     11     return (
     12         <div className="flex items-center justify-between mb-8">
     13             <h1 className="text-3xl font-bold tracking-tight">{selectedBot.displayName} Dashboard</h1>
     14             <Tabs activationMode="manual" defaultValue={currentTab} className="hidden md:block">
     15                 <TabsList className="bg-gray-900">
     16                     <TabsTrigger value="overview" asChild>
     17                         <Link href={`/dashboard/overview?team=${selectedBot.id}`}>Overview</Link>
     18                     </TabsTrigger>
     19                     <TabsTrigger value="reports" asChild>
     20                         <Link href={`/dashboard/reports?team=${selectedBot.id}`}>Reports</Link>
     21                     </TabsTrigger>
     22                     <TabsTrigger value="bans" asChild>
     23                         <Link href={`/dashboard/bans?team=${selectedBot.id}`}>Bans</Link>
     24                     </TabsTrigger>
     25                     <TabsTrigger value="analytics" asChild>
     26                         <Link href={`/dashboard/analytics?team=${selectedBot.id}`}>Analytics</Link>
     27                     </TabsTrigger>
     28                     <TabsTrigger value="settings" asChild>
     29                         <Link href={`/dashboard/settings?team=${selectedBot.id}`}>Settings</Link>
     30                     </TabsTrigger>
     31                 </TabsList>
     32             </Tabs>
     33         </div>
     34     )
     35 }