apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-04-28 18:06:30 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: implement delete confirmation dialog

Browse source
This commit is contained in:
tusharmagar 2026-02-16 21:35:10 +05:30
parent 96e2625c6e
commit c75ab4eba7
1 changed files with 41 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

42
apps/x/apps/renderer/src/components/sidebar-content.tsx
View file

@ -26,6 +26,15 @@ import {
CollapsibleContent,
CollapsibleTrigger,
} from "@/components/ui/collapsible"
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import {
Sidebar,
SidebarContent,
@ -1004,6 +1013,8 @@ function TasksSection({
backgroundTasks?: BackgroundTaskItem[]
selectedBackgroundTask?: string | null
}) {
const [pendingDeleteRunId, setPendingDeleteRunId] = useState<string | null>(null)
return (
<SidebarGroup className="flex-1 flex flex-col overflow-hidden">
<SidebarGroupContent className="flex-1 overflow-y-auto">
@ -1064,7 +1075,7 @@ function TasksSection({
className="shrink-0 hidden group-hover/chat-item:flex items-center justify-center text-muted-foreground hover:text-destructive transition-colors"
onClick={(e) => {
e.stopPropagation()
actions?.onDeleteRun(run.id)
setPendingDeleteRunId(run.id)
}}
aria-label="Delete chat"
>
@ -1079,6 +1090,35 @@ function TasksSection({
</>
)}
</SidebarGroupContent>
{/* Delete confirmation dialog */}
<Dialog open={!!pendingDeleteRunId} onOpenChange={(open) => { if (!open) setPendingDeleteRunId(null) }}>
<DialogContent showCloseButton={false} className="sm:max-w-sm">
<DialogHeader>
<DialogTitle>Delete chat</DialogTitle>
<DialogDescription>
Are you sure you want to delete this chat?
</DialogDescription>
</DialogHeader>
<DialogFooter>
<Button variant="outline" size="sm" onClick={() => setPendingDeleteRunId(null)}>
Cancel
</Button>
<Button
variant="destructive"
size="sm"
onClick={() => {
if (pendingDeleteRunId) {
actions?.onDeleteRun(pendingDeleteRunId)
}
setPendingDeleteRunId(null)
}}
>
Delete
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
</SidebarGroup>
)
}