Files
peakskills/components/admin/layout/manage-admin-client-wrapper.tsx
2025-08-22 08:56:02 +02:00

44 lines
1.4 KiB
TypeScript

"use client";
import { useState } from "react";
import { Team, SkillCategory } from "@/lib/types";
import { TeamStats, DirectionStats } from "@/services/admin-service";
import { AdminHeader } from "../utils/admin-header";
import { ManageContentTabs } from "./manage-content-tabs";
interface ManageAdminClientWrapperProps {
teams: Team[];
skillCategories: SkillCategory[];
teamStats: TeamStats[];
directionStats: DirectionStats[];
}
export function ManageAdminClientWrapper({
teams,
skillCategories,
teamStats,
directionStats,
}: ManageAdminClientWrapperProps) {
return (
<div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 relative overflow-hidden">
{/* Background Effects */}
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-blue-900/20 via-slate-900 to-slate-950" />
<div className="absolute inset-0 bg-grid-white/5 bg-[size:50px_50px]" />
<div className="absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent" />
<div className="relative z-10 container mx-auto px-6 py-6 max-w-7xl space-y-6">
{/* Header */}
<AdminHeader />
{/* Main Content Tabs */}
<ManageContentTabs
teams={teams}
skillCategories={skillCategories}
teamStats={teamStats}
directionStats={directionStats}
/>
</div>
</div>
);
}