swag-shop/frontend/src/pages/users/components/users-primary-buttons.tsx

21 lines
596 B
TypeScript

import { IconMailPlus, IconUserPlus } from "@tabler/icons-react";
import { Button } from "@/components/ui/button";
import { useUsers } from "../context/users-context";
export function UsersPrimaryButtons() {
const { setOpen } = useUsers();
return (
<div className="flex gap-2">
<Button
variant="outline"
className="space-x-1"
onClick={() => setOpen("invite")}>
<span>Invite User</span> <IconMailPlus size={18} />
</Button>
<Button className="space-x-1" onClick={() => setOpen("add")}>
<span>Add User</span> <IconUserPlus size={18} />
</Button>
</div>
);
}