btn to be checked

This commit is contained in:
echo 2025-12-02 00:50:29 +01:00
parent 62e2255b5e
commit cbb1f52467

View File

@ -2,8 +2,9 @@
import { useState, useEffect } from "react";
import { UserGrid } from "@/components/users/UserGrid";
import { Button } from "@/components/ui/Button";
// import { Button } from "@/components/ui/Button";
import { Card, CardHeader, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
interface User {
id: string;
@ -210,20 +211,20 @@ export function UserManagement() {
<h2 className="text-2xl font-bold">User Management</h2>
<div className="flex gap-2">
<Button
variant={filter === "all" ? "primary" : "secondary"}
variant={filter === "all" ? "default" : "outline"}
onClick={() => setFilter("all")}
>
All Users
</Button>
<Button
variant="secondary"
variant={filter === "client" ? "default" : "outline"}
onClick={() => selectedUser && handleEditUser(selectedUser)}
disabled={!selectedUser}
>
Edit User
</Button>
<Button
variant="secondary"
variant={filter === "client" ? "default" : "outline"}
onClick={() => {
setEditForm({
firstName: "",
@ -239,32 +240,32 @@ export function UserManagement() {
Invite User
</Button>
<Button
variant="secondary"
variant={filter === "client" ? "default" : "outline"}
onClick={() => selectedUser && handleDeleteUser(selectedUser)}
disabled={!selectedUser}
>
Delete User
</Button>
<Button
variant={filter === "client" ? "primary" : "secondary"}
variant={filter === "client" ? "default" : "outline"}
onClick={() => setFilter("client")}
>
Clients
Clientsa
</Button>
<Button
variant={filter === "trainer" ? "primary" : "secondary"}
variant={filter === "trainer" ? "default" : "outline"}
onClick={() => setFilter("trainer")}
>
Trainers
</Button>
<Button
variant={filter === "admin" ? "primary" : "secondary"}
variant={filter === "admin" ? "default" : "outline"}
onClick={() => setFilter("admin")}
>
Admins
</Button>
<Button
variant={filter === "superAdmin" ? "primary" : "secondary"}
variant={filter === "superAdmin" ? "default" : "outline"}
onClick={() => setFilter("superAdmin")}
>
Super Admins
@ -282,10 +283,10 @@ export function UserManagement() {
)}
</div>
<div className="flex gap-2">
<Button variant="secondary" onClick={handleRefresh}>
<Button variant="default" onClick={handleRefresh}>
Refresh
</Button>
<Button variant="secondary" onClick={handleExport}>
<Button variant="default" onClick={handleExport}>
Export CSV
</Button>
</div>