diff options
Diffstat (limited to 'apps/web/src/components/editor/dialogs')
3 files changed, 43 insertions, 2 deletions
diff --git a/apps/web/src/components/editor/dialogs/project-info-dialog.tsx b/apps/web/src/components/editor/dialogs/project-info-dialog.tsx index 7b736b23..42f99c79 100644 --- a/apps/web/src/components/editor/dialogs/project-info-dialog.tsx +++ b/apps/web/src/components/editor/dialogs/project-info-dialog.tsx @@ -6,7 +6,7 @@ import { DialogHeader, DialogTitle, } from "@/components/ui/dialog"; -import type { TProjectMetadata } from "@/types/project"; +import type { TProjectMetadata } from "@/lib/project/types"; import { formatDate } from "@/utils/date"; import { formatTimeCode } from "@/lib/time"; import { Button } from "@/components/ui/button"; diff --git a/apps/web/src/components/editor/dialogs/shortcuts-dialog.tsx b/apps/web/src/components/editor/dialogs/shortcuts-dialog.tsx index 565fe705..9a353a1c 100644 --- a/apps/web/src/components/editor/dialogs/shortcuts-dialog.tsx +++ b/apps/web/src/components/editor/dialogs/shortcuts-dialog.tsx @@ -110,7 +110,7 @@ export function ShortcutsDialog({ <DialogTitle>Keyboard shortcuts</DialogTitle> </DialogHeader> - <DialogBody className="scrollbar-thin flex-grow overflow-y-auto"> + <DialogBody className="scrollbar-thin grow overflow-y-auto"> <div className="flex flex-col gap-6"> {categories.map((category) => ( <div key={category} className="flex flex-col gap-1"> diff --git a/apps/web/src/components/editor/dialogs/storage-persistence-dialog.tsx b/apps/web/src/components/editor/dialogs/storage-persistence-dialog.tsx new file mode 100644 index 00000000..d391928c --- /dev/null +++ b/apps/web/src/components/editor/dialogs/storage-persistence-dialog.tsx @@ -0,0 +1,41 @@ +"use client"; + +import { Button } from "@/components/ui/button"; +import { + Dialog, + DialogBody, + DialogContent, + DialogFooter, + DialogHeader, + DialogTitle, +} from "@/components/ui/dialog"; +import { useStoragePersistence } from "@/hooks/use-storage-persistence"; + +export function StoragePersistenceDialog() { + const { showDialog, onConfirm, onDismiss } = useStoragePersistence(); + + return ( + <Dialog open={showDialog} onOpenChange={(open) => !open && onDismiss()}> + <DialogContent className="sm:max-w-md"> + <DialogHeader> + <DialogTitle>Don't lose your projects</DialogTitle> + </DialogHeader> + <DialogBody> + <p className="text-base text-muted-foreground"> + Your browser can automatically delete your projects when storage + runs low. + </p> + <p className="text-base text-muted-foreground"> + Allow OpenCut to protect them? + </p> + </DialogBody> + <DialogFooter> + <Button variant="outline" onClick={onDismiss}> + Not now + </Button> + <Button onClick={onConfirm}>Allow</Button> + </DialogFooter> + </DialogContent> + </Dialog> + ); +} |