feat: terms of use page

public/locales/en/terms.json

@@ -0,0 +1,62 @@
+{
+  "title": "Terms and Conditions of Use for MyLinks",
+  "edited_at": "Last updated: {{date}}",
+  "welcome": "Welcome to MyLinks, a free and open-source bookmark manager focused on privacy and self-hosting. By using this service, you agree to the terms and conditions of use outlined below. Please read them carefully.",
+  "accept": {
+    "title": "1. Acceptance of Terms",
+    "description": "By accessing MyLinks and using our services, you agree to comply with these Terms and Conditions of Use."
+  },
+  "use": {
+    "title": "2. Use of the Service",
+    "account": {
+      "title": "2.1 User Account",
+      "description": "To access certain features of MyLinks, you will need to create a user account. You are responsible for the confidentiality of your account and credentials."
+    },
+    "allowed": {
+      "title": "2.2 Authorized Use",
+      "description": "You commit to using MyLinks in accordance with applicable laws and not violating the rights of third parties."
+    },
+    "user_content": {
+      "title": "2.3 User Content",
+      "description": "By posting content on MyLinks, you grant MyLinks a worldwide, non-exclusive, transferable, and free license to use, reproduce, distribute, and display this content."
+    }
+  },
+  "personal_data": {
+    "title": "3. Personal Data",
+    "collect": {
+      "title": "3.1 Collection and Use",
+      "description": "The personal data collected is used in accordance with our <a>Privacy Policy</a>. By using MyLinks, you consent to this collection and use."
+    },
+    "suppress": {
+      "title": "3.2 Account Deletion",
+      "description": "You can request the deletion of your account at any time in accordance with our Privacy Policy."
+    }
+  },
+  "responsibility_warranty": {
+    "title": "4. Responsibilities and Warranties",
+    "responsibility": {
+      "title": "4.1 Responsibility",
+      "description": "MyLinks cannot be held responsible for direct or indirect damages arising from the use of our services."
+    },
+    "warranty": {
+      "title": "4.2 Warranties",
+      "description": "MyLinks does not guarantee that the service will be free from errors or interruptions."
+    }
+  },
+  "terms_changes": {
+    "title": "5. Changes to the Terms",
+    "description": "MyLinks reserves the right to modify these Terms and Conditions of Use at any time. Users will be notified of changes through a notification on the site."
+  },
+  "cancel": {
+    "title": "6. Termination",
+    "description": "MyLinks reserves the right to terminate or suspend your access to the service, with or without notice, in case of violation of these Terms and Conditions of Use."
+  },
+  "contact": {
+    "title": "7. Contact",
+    "description": "For any questions or concerns regarding these Terms and Conditions of Use, please contact us at the following address:"
+  },
+  "footer": {
+    "changes": "We reserve the right to update these Terms and Conditions of Use. We encourage you to regularly check this page to stay informed of any changes.",
+    "thanks": "Thank you for using MyLinks!"
+  }
+}

public/locales/fr/terms.json

@@ -0,0 +1,62 @@
+{
+  "title": "Conditions Générales d'Utilisation de MyLinks",
+  "edited_at": "Dernière mise à jour : {{date}}",
+  "welcome": "Bienvenue sur MyLinks, un gestionnaire de favoris gratuit et open source axé sur la privacy et le self hosting. En utilisant ce service, vous acceptez les conditions générales d'utilisation énoncées ci-dessous. Veuillez les lire attentivement.",
+  "accept": {
+    "title": "1. Acceptation des Conditions",
+    "description": "En accédant à MyLinks et en utilisant nos services, vous acceptez de vous conformer à ces Conditions Générales d'Utilisation."
+  },
+  "use": {
+    "title": "2. Utilisation du Service",
+    "account": {
+      "title": "2.1 Compte Utilisateur",
+      "description": "Pour accéder à certaines fonctionnalités de MyLinks, vous devrez créer un compte utilisateur. Vous êtes responsable de la confidentialité de votre compte et de vos informations d'identification."
+    },
+    "allowed": {
+      "title": "2.2 Utilisation Autorisée",
+      "description": "Vous vous engagez à utiliser MyLinks conformément aux lois en vigueur et à ne pas violer les droits de tiers."
+    },
+    "user_content": {
+      "title": "2.3 Contenu Utilisateur",
+      "description": "En publiant du contenu sur MyLinks, vous accordez à MyLinks une licence mondiale, non exclusive, transférable et gratuite pour utiliser, reproduire, distribuer et afficher ce contenu."
+    }
+  },
+  "personal_data": {
+    "title": "3. Données Personnelles",
+    "collect": {
+      "title": "3.1 Collecte et Utilisation",
+      "description": "Les données personnelles collectées sont utilisées conformément à notre <a>Politique de Confidentialité</a>. En utilisant MyLinks, vous consentez à cette collecte et utilisation."
+    },
+    "suppress": {
+      "title": "3.2 Suppression de Compte",
+      "description": "Vous pouvez demander la suppression de votre compte à tout moment conformément à notre Politique de Confidentialité."
+    }
+  },
+  "responsibility_warranty": {
+    "title": "4. Responsabilités et Garanties",
+    "responsibility": {
+      "title": "4.1 Responsabilité",
+      "description": "MyLinks ne peut être tenu responsable des dommages directs ou indirects découlant de l'utilisation de nos services."
+    },
+    "warranty": {
+      "title": "4.2 Garanties",
+      "description": "MyLinks ne garantit pas que le service sera exempt d'erreurs ou de interruptions."
+    }
+  },
+  "terms_changes": {
+    "title": "5. Modifications des Conditions",
+    "description": "MyLinks se réserve le droit de modifier ces Conditions Générales\n          d'Utilisation à tout moment. Les utilisateurs seront informés des\n          changements par le biais d'une notification sur le site."
+  },
+  "cancel": {
+    "title": "6. Résiliation",
+    "description": "MyLinks se réserve le droit de résilier ou de suspendre votre accès au service, avec ou sans préavis, en cas de violation de ces Conditions Générales d'Utilisation."
+  },
+  "contact": {
+    "title": "7. Contact",
+    "description": "Pour toute question ou préoccupation concernant ces Conditions Générales d'Utilisation, veuillez nous contacter à l'adresse suivante :"
+  },
+  "footer": {
+    "changes": "Nous nous réservons le droit de mettre à jour ces Conditions Générales d'Utilisation. Nous vous encourageons à consulter régulièrement cette page pour rester informé des changements éventuels.",
+    "thanks": "Merci d'utiliser MyLinks !"
+  }
+}

src/pages/terms.tsx

@@ -4,99 +4,70 @@ import clsx from "clsx";
 import LinkTag from "next/link";
 import Navbar from "components/Navbar/Navbar";
 import { getServerSideTranslation } from "../i18n";
+import { Trans, useTranslation } from "next-i18next";
+import { TFunctionParam } from "../types/i18next";
+import PATHS from "constants/paths";
 
 export default function Terms() {
+  const { t } = useTranslation("terms");
   return (
     <PageTransition className={clsx("App", styles["privacy"])}>
       <Navbar />
       <main>
-        <h1>Conditions Générales d'Utilisation de MyLinks</h1>
+        <h1>{t("terms:title")}</h1>
-        <p>Dernière mise à jour : 19/11/2023</p>
+        <p>{t("terms:edited_at", { date: "19/11/2023" } as TFunctionParam)}</p>
+        <p>{t("terms:welcome")}</p>
+
+        <h2>{t("terms:accept.title")}</h2>
+        <p>{t("terms:accept.description")}</p>
+
+        <h2>{t("terms:use.title")}</h2>
+        <h3>{t("terms:use.account.title")}</h3>
+        <p>{t("terms:use.account.description")}</p>
+
+        <h3>{t("terms:use.allowed.title")}</h3>
+        <p>{t("terms:use.allowed.description")}</p>
+
+        <h3>{t("terms:use.user_content.title")}</h3>
+        <p>{t("terms:use.user_content.description")}</p>
+
+        <h2>{t("terms:personal_data.title")}</h2>
+        <h3>{t("terms:personal_data.collect.title")}</h3>
         <p>
-          Bienvenue sur MyLinks, un gestionnaire de favoris gratuit et open
+          <Trans
-          source axé sur la privacy et le self hosting. En utilisant ce service,
+            // @ts-ignore
-          vous acceptez les conditions générales d'utilisation énoncées
+            i18nKey="terms:personal_data.collect.description"
-          ci-dessous. Veuillez les lire attentivement.
+            components={{ a: <LinkTag href={PATHS.PRIVACY} /> }}
+          />
         </p>
 
-        <h2>1. Acceptation des Conditions</h2>
+        <h3>{t("terms:personal_data.suppress.title")}</h3>
-        <p>
+        <p>{t("terms:personal_data.suppress.description")}</p>
-          En accédant à MyLinks et en utilisant nos services, vous acceptez de
-          vous conformer à ces Conditions Générales d'Utilisation.
-        </p>
 
-        <h2>2. Utilisation du Service</h2>
+        <h2>{t("terms:responsibility_warranty.title")}</h2>
-        <h3>2.1 Compte Utilisateur</h3>
+        <h3>{t("terms:responsibility_warranty.responsibility.title")}</h3>
-        <p>
+        <p>{t("terms:responsibility_warranty.responsibility.description")}</p>
-          Pour accéder à certaines fonctionnalités de MyLinks, vous devrez créer
-          un compte utilisateur. Vous êtes responsable de la confidentialité de
-          votre compte et de vos informations d'identification.
-        </p>
 
-        <h3>2.2 Utilisation Autorisée</h3>
+        <h3>{t("terms:responsibility_warranty.warranty.title")}</h3>
-        <p>
+        <p>{t("terms:responsibility_warranty.warranty.description")}</p>
-          Vous vous engagez à utiliser MyLinks conformément aux lois en vigueur
-          et à ne pas violer les droits de tiers.
-        </p>
 
-        <h3>2.3 Contenu Utilisateur</h3>
+        <h2>{t("terms:terms_changes.title")}</h2>
-        <p>
+        <p>{t("terms:terms_changes.description")}</p>
-          En publiant du contenu sur MyLinks, vous accordez à MyLinks une
-          licence mondiale, non exclusive, transférable et gratuite pour
-          utiliser, reproduire, distribuer et afficher ce contenu.
-        </p>
 
-        <h2>3. Données Personnelles</h2>
+        <h2>{t("terms:cancel.title")}</h2>
-        <h3>3.1 Collecte et Utilisation</h3>
+        <p>{t("terms:cancel.description")}</p>
-        <p>
-          Les données personnelles collectées sont utilisées conformément à
-          notre <LinkTag href="/privacy">Politique de Confidentialité</LinkTag>.
-          En utilisant MyLinks, vous consentez à cette collecte et utilisation.
-        </p>
 
-        <h3>3.2 Suppression de Compte</h3>
+        <h2>{t("terms:contact.title")}</h2>
         <p>
-          Vous pouvez demander la suppression de votre compte à tout moment
+          {t("terms:contact.description")}{" "}
-          conformément à notre Politique de Confidentialité.
-        </p>
-
-        <h2>4. Responsabilités et Garanties</h2>
-        <h3>4.1 Responsabilité</h3>
-        <p>
-          MyLinks ne peut être tenu responsable des dommages directs ou
-          indirects découlant de l'utilisation de nos services.
-        </p>
-
-        <h3>4.2 Garanties</h3>
-        <p>
-          MyLinks ne garantit pas que le service sera exempt d'erreurs ou de
-          interruptions.
-        </p>
-
-        <h2>5. Modifications des Conditions</h2>
-        <p>
-          MyLinks se réserve le droit de modifier ces Conditions Générales
-          d'Utilisation à tout moment. Les utilisateurs seront informés des
-          changements par le biais d'une notification sur le site.
-        </p>
-
-        <h2>6. Résiliation</h2>
-        <p>
-          MyLinks se réserve le droit de résilier ou de suspendre votre accès au
-          service, avec ou sans préavis, en cas de violation de ces Conditions
-          Générales d'Utilisation.
-        </p>
-
-        <h2>7. Contact</h2>
-        <p>
-          Pour toute question ou préoccupation concernant ces Conditions
-          Générales d'Utilisation, veuillez nous contacter à l'adresse suivante
-          :{" "}
           <LinkTag href="mailto:sonnyasdev@gmail.com" target="_blank">
             sonnyasdev[at]gmail.com
           </LinkTag>
           .
         </p>
+
+        <p>{t("terms:footer.changes")}</p>
+        <p>{t("terms:footer.thanks")}</p>
       </main>
     </PageTransition>
   );
@@ -105,7 +76,7 @@ export default function Terms() {
 export async function getServerSideProps({ locale }) {
   return {
     props: {
-      ...(await getServerSideTranslation(locale)),
+      ...(await getServerSideTranslation(locale, ["terms"])),
     },
   };
 }