add delete account page

README.md

@@ -16,13 +16,13 @@ Developing like a general react app.
 Clone repository and run for install packages:
 
 ```
-npm install
+yarn
 ```
 
 Runs the app in the development mode:
 
 ```
-npm start
+yarn run start
 ```
 
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

package.json

@@ -1,29 +1,29 @@
 {
   "name": "wr-site",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.1.0",
-    "@fortawesome/free-brands-svg-icons": "^6.1.0",
-    "@fortawesome/free-regular-svg-icons": "^6.1.0",
-    "@fortawesome/free-solid-svg-icons": "^6.1.0",
-    "@fortawesome/react-fontawesome": "^0.1.18",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.5.0",
-    "@types/jest": "^27.4.0",
-    "@types/node": "^16.11.24",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
-    "bootstrap": "^5.1.3",
-    "react": "^17.0.2",
-    "react-bootstrap": "^2.1.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^6.2.1",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-brands-svg-icons": "^6.5.1",
+    "@fortawesome/free-regular-svg-icons": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@testing-library/jest-dom": "^6.4.1",
+    "@testing-library/react": "^14.2.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.11.15",
+    "@types/react": "^18.2.51",
+    "@types/react-dom": "^18.2.18",
+    "bootstrap": "^5.3.2",
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.10.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.21.3",
     "react-scripts": "^5.0.1",
-    "react-scrollchor": "^7.0.1",
-    "typescript": "^4.5.5",
-    "web-vitals": "^2.1.4"
+    "react-scrollchor": "^7.0.2",
+    "typescript": "^5.3.3",
+    "web-vitals": "^3.5.2"
   },
   "scripts": {
     "start": "react-scripts start",

src/App.tsx

@@ -9,6 +9,7 @@ import Home from "./routes/home"
 import About from "./routes/about"
 import Faq from "./routes/faq"
 import Guide from "./routes/guide"
+import DeleteAccount from "./routes/deleteAccount"
 
 
 function App() {
@@ -21,6 +22,7 @@ function App() {
                     <Route path="/faq" element={<Faq/>}/>
                     <Route path="/guide" element={<Guide/>}/>
                     <Route path="/release" element={<Release/>}/>
+                    <Route path="/delete-account" element={<DeleteAccount/>}/>
                 </Route>
             </Routes>
         </BrowserRouter>

src/routes/deleteAccount.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+
+export default function DeleteAccount() {
+    return (
+        <main style={{padding: "1rem 0"}}>
+            <div className={"pb-5"}>
+                <div className="pm-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
+                    <h1 className="display-3">Account deletion</h1>
+                </div>
+
+                <div className={"container g-4 lead"}>
+                    <div>
+                        <p>
+                            If you want to delete your account in Work&Rest, please send an email to <a
+                            href={"mailto:wr@romancha.org"}>wr@romancha.org</a> with the subject "Delete account" and
+                            describe what you want to delete:
+                            <p/>
+                            <ol>
+                                <li>
+                                    All account data - account, backups: categories, activities, pomodoros settings
+                                </li>
+                                <li>
+                                    Just backups: categories, activities, pomodoros settings. You account will be saved.
+                                </li>
+                            </ol>
+                            We will delete your data within 14 days and inform you by email.
+                        </p>
+                        <p>
+                            <b>Please note that this action cannot be undone.</b>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </main>
+    );
+}

src/routes/faq/contact.tsx

@@ -38,6 +38,12 @@ const Contact = () => {
                             support.
                         </Accordion.Body>
                     </Accordion.Item>
+                    <Accordion.Item eventKey="4">
+                        <Accordion.Header>How do I delete account?</Accordion.Header>
+                        <Accordion.Body>
+                            Please read <a href={"/delete-account"}>Delete account</a> page.
+                        </Accordion.Body>
+                    </Accordion.Item>
                 </Accordion>
             </div>
         </div>