ConusAI vendor v0.1.0-beta.114

modules/notes/ui/delete-note.tsx

@@ -0,0 +1,46 @@
+"use client"
+
+// Deleting a note, in two steps. The attached files are not deleted with the note (they are the
+// project's); the confirmation says so.
+
+import type { ProjectSlugs } from "@conusai-kit/ui"
+import { useWrite } from "@conusai-kit/ui/data"
+import { ConfirmDialog, usePageNavigation } from "@conusai-kit/ui/patterns"
+import { Button } from "@conusai-kit/ui/primitives"
+import type { ReactElement } from "react"
+
+export interface DeleteNoteLabels {
+  readonly button: string
+  readonly confirm: string
+  readonly yes: string
+  readonly no: string
+}
+
+export function DeleteNote({
+  slugs,
+  noteId,
+  listHref,
+  labels,
+}: {
+  slugs: ProjectSlugs
+  noteId: string
+  /** Where to go once the note is gone. */
+  listHref: string
+  labels: DeleteNoteLabels
+}): ReactElement {
+  const navigation = usePageNavigation()
+  const deletion = useWrite<Record<string, unknown>, unknown>("notes.note.delete", { org: slugs.org })
+  return (
+    <ConfirmDialog
+      trigger={<Button variant="outline">{labels.button}</Button>}
+      title={labels.button}
+      description={labels.confirm}
+      confirmLabel={labels.yes}
+      cancelLabel={labels.no}
+      onConfirm={async () => {
+        await deletion.mutate({ ...slugs, noteId })
+        navigation.navigate(listHref)
+      }}
+    />
+  )
+}