Add privacy and terms

src/main/main.ts

@@ -81,7 +81,7 @@ const createWindow = async () => {
     },
   });
 
-  mainWindow.loadURL(resolveHtmlPath('index.html'));
+  mainWindow.loadURL(resolveHtmlPath('/'));
 
   mainWindow.on('ready-to-show', () => {
     if (!mainWindow) {

src/renderer/App.tsx

@@ -8,7 +8,7 @@ import {
 } from '@chakra-ui/react';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Route, MemoryRouter as Router, Routes } from 'react-router-dom';
+import { Route, BrowserRouter, Routes } from 'react-router-dom';
 import { addRxPlugin } from 'rxdb';
 import { Provider as RxDbProvider } from 'rxdb-hooks';
 import { RxDBJsonDumpPlugin } from 'rxdb/plugins/json-dump';
@@ -31,6 +31,9 @@ import { PathEnum } from './paths';
 import '../../styles/react-big-calendar.scss';
 import '../../styles/react-datetime.scss';
 import '../../styles/style.scss';
+import TermsPage from './pages/terms';
+import PrivacyPage from './pages/privacy';
+import SupportPage from './pages/support';
 
 export default function App() {
   const { i18n } = useTranslation();
@@ -109,7 +112,7 @@ export default function App() {
   });
 
   return (
-    <Router>
+    <BrowserRouter>
       <RxDbProvider db={database}>
         <ColorModeScript initialColorMode={theme.config.initialColorMode} />
         <ChakraProvider theme={theme}>
@@ -121,11 +124,14 @@ export default function App() {
                 <Route path={PathEnum.plans} element={<PlansPage />} />
                 <Route path={PathEnum.items} element={<ItemsPage />} />
                 <Route path={PathEnum.groups} element={<GroupsPage />} />
+                <Route path={PathEnum.terms} element={<TermsPage />} />
+                <Route path={PathEnum.privacy} element={<PrivacyPage />} />
+                <Route path={PathEnum.support} element={<SupportPage />} />
               </Routes>
             </Box>
           </VStack>
         </ChakraProvider>
       </RxDbProvider>
-    </Router>
+    </BrowserRouter>
   );
 }

src/renderer/pages/privacy.tsx

@@ -0,0 +1,70 @@
+import React from 'react';
+import { Box, Heading, Text } from '@chakra-ui/react';
+
+const PrivacyPage = () => {
+  return (
+    <Box p={4}>
+      <Heading size="lg">Privacy Policy</Heading>
+      <Text mt={4}>
+        This Privacy Policy outlines the types of information that are not
+        collected, used, or shared when you use this application. Since the
+        application is designed to operate without collecting any personal data
+        from its users, our Privacy Policy is straightforward: We collect no
+        data.
+      </Text>
+      <Heading size="md" mt={6}>
+        No Data Collection
+      </Heading>
+      <Text mt={2}>
+        We do not collect, store, or process any personal information, including
+        but not limited to, names, email addresses, or usage data. The
+        application does not require user registration, and we do not track user
+        activities or store any information regarding the usage of the
+        application.
+      </Text>
+      <Heading size="md" mt={6}>
+        No Cookies
+      </Heading>
+      <Text mt={2}>
+        The application does not use cookies or any similar tracking
+        technologies that collect personal information.
+      </Text>
+      <Heading size="md" mt={6}>
+        No Third-Party Sharing
+      </Heading>
+      <Text mt={2}>
+        Since no personal data is collected, there is no information to share
+        with third parties.
+      </Text>
+      <Heading size="md" mt={6}>
+        Disclaimer of Warranties
+      </Heading>
+      <Text mt={2}>
+        The application is provided "as is" and "as available," without any
+        warranties of any kind, either express or implied, including but not
+        limited to the implied warranties of merchantability, fitness for a
+        particular purpose, or non-infringement. We do not warrant that the
+        application will always be available, accessible, uninterrupted, timely,
+        secure, accurate, complete, or error-free.
+      </Text>
+      <Heading size="md" mt={6}>
+        Changes to Our Privacy Policy
+      </Heading>
+      <Text mt={2}>
+        We reserve the right to update or change our Privacy Policy at any time
+        and you should check this Privacy Policy periodically. Your continued
+        use of the service after we post any modifications to the Privacy Policy
+        on this page will constitute your acknowledgment of the modifications
+        and your consent to abide and be bound by the modified Privacy Policy.
+      </Text>
+      <Heading size="md" mt={6}>
+        Contact Us
+      </Heading>
+      <Text mt={2}>
+        If you have any questions about this Privacy Policy, please contact us.
+      </Text>
+    </Box>
+  );
+};
+
+export default PrivacyPage;

src/renderer/pages/support.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Box, Heading, Text } from '@chakra-ui/react';
+
+const SupportPage = () => {
+  return (
+    <Box p={4}>
+      <Heading size="lg">Support</Heading>
+      <Text mt={4}>
+        For support, contact [email protected]
+      </Text>
+    </Box>
+  );
+};
+
+export default SupportPage;

src/renderer/pages/terms.tsx

@@ -0,0 +1,65 @@
+import React from 'react';
+import { Box, Heading, Text } from '@chakra-ui/react';
+
+const TermsPage = () => {
+  return (
+    <Box p={4}>
+      <Heading size="lg">Terms of Service</Heading>
+      <Text mt={4}>
+        By accessing or using this application, you agree to be bound by these
+        Terms of Service ("Terms"). If you disagree with any part of the terms,
+        you may not access the application.
+      </Text>
+      <Heading size="md" mt={6}>
+        No Data Collection
+      </Heading>
+      <Text mt={2}>
+        This application does not collect, store, transmit, or share any
+        personal data, information, or user-generated content. It is designed to
+        function without the need for such data, ensuring your use of the
+        application remains private and secure.
+      </Text>
+      <Heading size="md" mt={6}>
+        Disclaimer of Warranties
+      </Heading>
+      <Text mt={2}>
+        The application is provided "as is" and "as available," without any
+        warranties of any kind, either express or implied, including but not
+        limited to the implied warranties of merchantability, fitness for a
+        particular purpose, or non-infringement. The owners and contributors do
+        not warrant that the application will function uninterrupted, that it is
+        error-free or that any errors will be corrected.
+      </Text>
+      <Heading size="md" mt={6}>
+        Limitation of Liability
+      </Heading>
+      <Text mt={2}>
+        In no event shall the owners or contributors be liable for any indirect,
+        incidental, special, consequential, or punitive damages, or any loss of
+        profits or revenues, whether incurred directly or indirectly, or any
+        loss of data, use, goodwill, or other intangible losses, resulting from
+        (a) your access to or use of or inability to access or use the
+        application; (b) any conduct or content of any third party on the
+        application; or (c) unauthorized access, use, or alteration of your
+        transmissions or content.
+      </Text>
+      <Heading size="md" mt={6}>
+        Changes to Terms
+      </Heading>
+      <Text mt={2}>
+        We reserve the right, at our sole discretion, to modify or replace these
+        Terms at any time. If a revision is material, we will try to provide at
+        least 30 days' notice prior to any new terms taking effect. What
+        constitutes a material change will be determined at our sole discretion.
+      </Text>
+      <Heading size="md" mt={6}>
+        Contact Us
+      </Heading>
+      <Text mt={2}>
+        If you have any questions about these Terms, please contact me: [email protected]
+      </Text>
+    </Box>
+  );
+};
+
+export default TermsPage;

src/renderer/paths.ts

@@ -3,4 +3,6 @@ export enum PathEnum {
   items = '/items',
   groups = '/groups',
   plans = '/plans',
+  terms = '/terms',
+  privacy = '/privacy',
 }