draupnir4all-web

git clone git://archive.git.mtrnord.blog/MTRNord/draupnir4all-web.git
Log | Files | Refs | README | LICENSE

kick-user.tsx (1612B)

      1 import { Button } from "@/components/ui/button";
      2 import { Dialog, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
      3 import { UserX } from "lucide-react";
      4 
      5 export default function KickUserModal() {
      6     return (
      7         <Dialog>
      8             <DialogTrigger asChild>
      9                 <Button
     10                     variant="outline"
     11                     size="sm"
     12                     className="border-orange-500 text-orange-400 hover:bg-orange-950 hover:text-orange-300"
     13                 >
     14                     <UserX className="mr-2 h-4 w-4" />
     15                     Kick User
     16                 </Button>
     17             </DialogTrigger>
     18             <DialogContent className="bg-gray-950 border-gray-800">
     19                 <DialogHeader>
     20                     <DialogTitle>Kick a User</DialogTitle>
     21                     <DialogDescription className="text-gray-400">
     22                         Remove a user from your Matrix rooms using a kick instead of a ban. This will not prevent them from rejoining the room.
     23                     </DialogDescription>
     24                 </DialogHeader>
     25                 <DialogFooter>
     26                     <DialogCloseButton
     27                         className="border-gray-700 text-gray-400 hover:bg-gray-900 hover:text-gray-300"
     28                     >
     29                         Cancel
     30                     </DialogCloseButton>
     31                     <Button className="bg-purple-600 text-white hover:bg-purple-700">Kick User</Button>
     32                 </DialogFooter>
     33             </DialogContent>
     34         </Dialog>
     35     );
     36 }