feat: account deletion page

This commit is contained in:
trafficlunar 2026-05-15 18:52:58 +01:00
parent 69ed620873
commit caeeaf6b6a
3 changed files with 14 additions and 1 deletions

View file

@ -19,7 +19,7 @@ export default function DeleteAccount() {
return; return;
} }
navigate("/404"); navigate("/account-deletion");
}; };
const close = () => { const close = () => {

View file

@ -24,6 +24,7 @@ import ReportUserPage from "./pages/report/user.tsx";
import EditMiiPage from "./pages/edit.tsx"; import EditMiiPage from "./pages/edit.tsx";
import PunishedPage from "./pages/punished.tsx"; import PunishedPage from "./pages/punished.tsx";
import BreachNoticePage from "./pages/breach-notice.tsx"; import BreachNoticePage from "./pages/breach-notice.tsx";
import AccountDeletionPage from "./pages/account-deletion.tsx";
createRoot(document.getElementById("root")!).render( createRoot(document.getElementById("root")!).render(
<StrictMode> <StrictMode>
@ -50,6 +51,7 @@ createRoot(document.getElementById("root")!).render(
<Route path="/terms-of-service" element={<TermsOfServicePage />} /> <Route path="/terms-of-service" element={<TermsOfServicePage />} />
<Route path="/punished" element={<PunishedPage />} /> <Route path="/punished" element={<PunishedPage />} />
<Route path="/breach-notice" element={<BreachNoticePage />} /> <Route path="/breach-notice" element={<BreachNoticePage />} />
<Route path="/account-deletion" element={<AccountDeletionPage />} />
<Route path="*" element={<NotFoundPage />} /> <Route path="*" element={<NotFoundPage />} />
</Routes> </Routes>
</Layout> </Layout>

View file

@ -0,0 +1,11 @@
export default function AccountDeletionPage() {
return (
<div className="grow flex items-center justify-center">
<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg p-8 max-w-lg w-full text-center flex flex-col">
<h2 className="text-3xl font-black">Your account is deleted</h2>
<p>Your profile will stay up for another up to 2 hours.</p>
<p>Logging in again will create a new account.</p>
</div>
</div>
);
}