mirror of
https://github.com/blakeblackshear/frigate.git
synced 2025-09-26 19:41:29 +08:00
74ca009b0b
* db migration * db model * assign admin role on password reset * add role to jwt and api responses * don't restrict api access for admins yet * use json response * frontend auth context * update auth form for profile endpoint * add access denied page * add protected routes * auth hook * dialogs * user settings view * restrict viewer access to settings * restrict camera functions for viewer role * add password dialog to account menu * spacing tweak * migrator default to admin * escape quotes in migrator * ui tweaks * tweaks * colors * colors * fix merge conflict * fix icons * add api layer enforcement * ui tweaks * fix error message * debug * clean up * remove print * guard apis for admin only * fix tests * fix review tests * use correct error responses from api in toasts * add role to account menu
69 lines
2.0 KiB
TypeScript
69 lines
2.0 KiB
TypeScript
import { Button } from "../ui/button";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from "../ui/dialog";
|
|
import { DialogDescription } from "@radix-ui/react-dialog";
|
|
|
|
type DeleteUserDialogProps = {
|
|
show: boolean;
|
|
username?: string;
|
|
onDelete: () => void;
|
|
onCancel: () => void;
|
|
};
|
|
export default function DeleteUserDialog({
|
|
show,
|
|
username,
|
|
onDelete,
|
|
onCancel,
|
|
}: DeleteUserDialogProps) {
|
|
return (
|
|
<Dialog open={show} onOpenChange={onCancel}>
|
|
<DialogContent className="sm:max-w-[425px]">
|
|
<DialogHeader className="flex flex-col items-center gap-2 sm:items-start">
|
|
<div className="space-y-1 text-center sm:text-left">
|
|
<DialogTitle>Delete User</DialogTitle>
|
|
<DialogDescription>
|
|
This action cannot be undone. This will permanently delete the
|
|
user account and remove all associated data.
|
|
</DialogDescription>
|
|
</div>
|
|
</DialogHeader>
|
|
|
|
<div className="my-4 rounded-md border border-destructive/20 bg-destructive/5 p-4 text-center text-sm">
|
|
<p className="font-medium text-destructive">
|
|
Are you sure you want to delete{" "}
|
|
<span className="font-bold">{username}</span>?
|
|
</p>
|
|
</div>
|
|
|
|
<DialogFooter className="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end">
|
|
<div className="flex flex-1 flex-col justify-end">
|
|
<div className="flex flex-row gap-2 pt-5">
|
|
<Button
|
|
className="flex flex-1"
|
|
aria-label="Cancel"
|
|
onClick={onCancel}
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</Button>
|
|
<Button
|
|
variant="destructive"
|
|
aria-label="Delete"
|
|
className="flex flex-1"
|
|
onClick={onDelete}
|
|
>
|
|
Delete User
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|