import { Button } from "../ui/button.js"; import { Modal } from "../ui/modal.js"; import { Input } from "../ui/input.js"; import { useState } from "react"; import { useJazzContext } from "jazz-tools/react-core"; const DELETE_LOCAL_DATA_STRING = "delete my local data"; export function DeleteLocalData() { const [showDeleteModal, setShowDeleteModal] = useState(false); const [confirmDeleteString, setConfirmDeleteString] = useState(""); const jazzContext = useJazzContext(); return ( <> setShowDeleteModal(false)} heading="Delete Local Data" showButtons={false} >

This action cannot be undone.

Be aware that the following data will be{" "} permanently deleted:

{ setConfirmDeleteString(e.target.value); }} />

Data synced to a sync server will not be deleted, and will be synced when you log in again.

); }