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