AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

completionId: cgen-bc01211491204f6da9170f0ee269adf2

Browse source 
cgen-bc01211491204f6da9170f0ee269adf2
This commit is contained in:
Builder.io 2025-11-15 16:23:31 +00:00
parent 12b53c6943
commit 686f340794
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/pages/dashboards/StaffDashboard.tsx
View file

@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
import Layout from "@/components/Layout";
import { Button } from "@/components/ui/button";
import { useAuth } from "@/contexts/AuthContext";
import { useArmTheme } from "@/contexts/ArmThemeContext";
import { supabase } from "@/lib/supabase";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
@ -16,6 +17,7 @@ const API_BASE = import.meta.env.VITE_API_BASE || "";
export default function StaffDashboard() {
const navigate = useNavigate();
const { user, loading: authLoading } = useAuth();
const { theme } = useArmTheme();
const [activeTab, setActiveTab] = useState("overview");
const [staffMember, setStaffMember] = useState<any>(null);
const [okrs, setOkrs] = useState<any[]>([]);
@ -97,11 +99,11 @@ export default function StaffDashboard() {
return (
<Layout>
<div className="min-h-screen bg-gradient-to-b from-black via-purple-950/20 to-black py-8">
<div className={`min-h-screen bg-gradient-to-b from-black to-black py-8 ${theme.fontClass}`} style={{ backgroundImage: theme.wallpaperPattern }}>
<div className="container mx-auto px-4 max-w-7xl space-y-8">
{/* Header */}
<div className="space-y-4 animate-slide-down">
<h1 className="text-5xl md:text-6xl font-bold bg-gradient-to-r from-purple-300 to-pink-300 bg-clip-text text-transparent">
<h1 className={`text-5xl md:text-6xl font-bold bg-gradient-to-r ${theme.accentColor} bg-clip-text text-transparent`}>
STAFF Portal
</h1>
<p className="text-gray-400 text-lg">Employee & Contractor Management | Professional Utility Purple</p>
@ -109,7 +111,7 @@ export default function StaffDashboard() {
{/* Tabs */}
<Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
<TabsList className="grid w-full grid-cols-5 bg-purple-950/30 border border-purple-500/20 p-1">
<TabsList className="grid w-full grid-cols-5 bg-purple-950/30 border border-purple-500/20 p-1" style={{ fontFamily: theme.fontFamily }}>
<TabsTrigger value="overview">Overview</TabsTrigger>
{isEmployee && <TabsTrigger value="okrs">OKRs</TabsTrigger>}
{isEmployee && <TabsTrigger value="benefits">Pay & Benefits</TabsTrigger>}