peter/siftlode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): reusable app-styled confirm dialog, replacing window.confirm

Browse source 
Add a promise-based ConfirmProvider + useConfirm() hook (built on the Modal shell,
liquid-glass styling, danger variant, Esc/backdrop = cancel, Enter = confirm) so
confirmations match the app instead of the native browser dialog. Wire it in at the
app root and replace both window.confirm call sites (playlist delete, channel
unsubscribe). Trilingual common.confirm/confirmTitle strings.
This commit is contained in:
npeter83 2026-06-15 15:06:47 +02:00
parent 50bc35d78f
commit 48cb11434d
7 changed files with 103 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/main.tsx
View file

@ -3,6 +3,7 @@ import { createRoot } from "react-dom/client";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import App from "./App";
import ErrorBoundary from "./components/ErrorBoundary";
import { ConfirmProvider } from "./components/ConfirmProvider";
import PrivacyPolicy from "./components/legal/PrivacyPolicy";
import Terms from "./components/legal/Terms";
import "./i18n";
@ -21,7 +22,9 @@ const root =
path === "/terms" ? <Terms /> : (
<QueryClientProvider client={queryClient}>
<ErrorBoundary>
<App />
<ConfirmProvider>
<App />
</ConfirmProvider>
</ErrorBoundary>
</QueryClientProvider>
);