Add DialogTitle component to delete confirmation dialog

This commit is contained in:
skidoodle 2024-12-30 12:33:56 +01:00
parent fc0e75383f
commit 8c9688017b
Signed by: albert
GPG key ID: A06E3070D7D55BF2

View file

@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter } from "@/components/ui/dialog"; import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle } from "@/components/ui/dialog";
import { Badge } from "@/components/ui/badge"; import { Badge } from "@/components/ui/badge";
import { import {
Table, Table,
@ -269,6 +269,7 @@ const TableComponent = () => {
<Button variant="destructive">Delete</Button> <Button variant="destructive">Delete</Button>
</DialogTrigger> </DialogTrigger>
<DialogContent> <DialogContent>
<DialogTitle>Delete Row</DialogTitle>
<DialogHeader> <DialogHeader>
Are you sure you want to delete this row? Are you sure you want to delete this row?
</DialogHeader> </DialogHeader>