Added privacy policy

2026-07-22 20:16:57 +00:00 · 2024-09-28 16:31:25 +02:00
parent b6c0cb43cc
commit 8893076c4d
15 changed files with 207 additions and 56 deletions
@@ -7,6 +7,7 @@
    "cellspacing",
    "colour",
    "colours",
+    "confidentialite",
    "contactez",
    "creer",
    "datepicker",
@@ -23,6 +24,7 @@
    "localisation",
    "markercluster",
    "moveend",
+    "politique",
    "randomisation",
    "Rapide",
    "Rees",
@@ -64,6 +64,7 @@
  "devDependencies": {
    "@swc-jotai/react-refresh": "^0.2.0",
    "@tailwindcss/forms": "^0.5.4",
+    "@tailwindcss/typography": "^0.5.15",
    "@testing-library/jest-dom": "^6.1.2",
    "@types/leaflet": "^1.9.12",
    "@types/leaflet.markercluster": "^1.5.4",
@@ -4,6 +4,7 @@ import { useSetAtom } from "jotai";
 import { useTranslations } from "next-intl";
 import { useParams } from "next/navigation";
 import { FaGithub, FaRegEnvelope } from "react-icons/fa";
+import { MdOutlinePrivacyTip } from "react-icons/md";

 import { burgerMenuIsOpenAtom } from "@/atoms";
 import { Link, usePathname, useRouter } from "@/utils/navigation";
@@ -41,6 +42,13 @@ export default function Footer() {
        <Link href="/contact-us" aria-label={t("contactAria")} className="mr-4">
          <FaRegEnvelope />
        </Link>
+        <Link
+          href="/privacy"
+          aria-label={t("privacyPolicyAria")}
+          className="mr-4"
+        >
+          <MdOutlinePrivacyTip />
+        </Link>
        <div className="mr-4 space-x-2 text-xs">
          <button onClick={() => changeLanguage("fr")}>FR</button>
          <span>|</span>
@@ -0,0 +1,53 @@
+import { useTranslations } from "next-intl";
+
+export default function Contact() {
+  const t = useTranslations("Privacy");
+
+  return (
+    <section className="bg-white pb-20 dark:bg-gray-800">
+      <div className="mx-auto max-w-screen-md px-4 py-8 lg:py-16">
+        <h2
+          className="mb-4 text-center text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white"
+          data-test="header2"
+        >
+          {t("title")}
+        </h2>
+
+        <div className="prose mt-20 text-gray-500 dark:text-gray-400">
+          <h2 className="dark:text-white">1. {t("introTitle")}</h2>
+          <p>{t("introInfo")}</p>
+
+          <h2 className="dark:text-white">2. {t("informationTitle")}</h2>
+          <p>{t("informationInfo")}</p>
+
+          <h2 className="dark:text-white">3. {t("useTitle")}</h2>
+          <p>{t("useInfo")}</p>
+
+          <h2 className="dark:text-white">4. {t("deleteTitle")}</h2>
+          <p>{t("deleteInfo")}</p>
+
+          <h2 className="dark:text-white">5. {t("shareTitle")}</h2>
+          <p>{t("shareInfo")}</p>
+
+          <h2 className="dark:text-white">6. {t("cookiesTitle")}</h2>
+          <p>
+            {t.rich("cookiesInfo", {
+              link: (str) => (
+                <a
+                  href="https://tinyanalytics.io"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {str}
+                </a>
+              ),
+            })}
+          </p>
+
+          <h2 className="dark:text-white">7. {t("changesTitle")}</h2>
+          <p>{t("changesInfo")}</p>
+        </div>
+      </div>
+    </section>
+  );
+}
@@ -1,6 +1,5 @@
 import {
  differenceInDays,
-  formatISO,
  isSameDay,
  parse,
  setDefaultOptions,
@@ -26,7 +26,7 @@ export async function generateMetadata({
  // While the `locale` is required, the namespace is optional and
  // identical to the parameter that `useTranslations` accepts.
  const t = await getTranslations({
-    locale: locale ?? "en",
+    locale: locale ?? "fr",
    namespace: "Metadata",
  });

@@ -1,5 +1,18 @@
 import { getRequestConfig } from "next-intl/server";
+import { notFound } from "next/navigation";

-export default getRequestConfig(async ({ locale }) => ({
-  messages: (await import(`./messages/${locale}.json`)).default,
-}));
+import { routing } from "./utils/navigation";
+
+export default getRequestConfig(async ({ locale }) => {
+  // Validate that the incoming `locale` parameter is valid
+  if (!routing.locales.includes(locale as any)) notFound();
+
+  return {
+    messages: (
+      await (locale === "en"
+        ? // When using Turbopack, this will enable HMR for `en`
+          import("./messages/en.json")
+        : import(`./messages/${locale}.json`))
+    ).default,
+  };
+});
@@ -42,7 +42,8 @@

  "Footer": {
    "githubAria": "Link to GitHub repository",
-    "contactAria": "Contact Us"
+    "contactAria": "Contact Us",
+    "privacyPolicyAria": "Privacy Policy"
  },

  "FormValidation": {
@@ -267,5 +268,23 @@
    "deleteButton": "Delete Account",
    "success": "Your account has been deleted.",
    "failure": "Oops, something went wrong.  Please try again later."
+  },
+
+  "Privacy": {
+    "title": "Privacy Policy",
+    "introTitle": "Introduction",
+    "introInfo": "Welcome to EchecsFrance.com (\"we,\" \"our,\" or \"us\"). We are an open-source project run by enthusiasts with no commercial intentions. This privacy policy explains how we collect, use, and protect your email address when you interact with our website https://echecsfrance.com/ or use our services. By using our website and services, you agree to the practices described in this policy.",
+    "informationTitle": "Information We Collect",
+    "informationInfo": "The only personal information we collect, if you choose to create an account, is your email address. No other personal data is collected.",
+    "useTitle": "How We Use Your Information",
+    "useInfo": "We use your email address solely for the purpose of sending you chess tournament notifications that you have specifically requested. Your email address is not used for any other purpose.",
+    "deleteTitle": "Account Deletion",
+    "deleteInfo": "You can delete your account at any time, and your email address will be permanently removed from our database.",
+    "shareTitle": "Data Sharing",
+    "shareInfo": "We do not share, sell, or provide access to your email address to any third parties. Your information is kept strictly confidential and is only used within our project.",
+    "cookiesTitle": "Cookies and Tracking",
+    "cookiesInfo": "We do not track users in an intrusive manner. However, we use <link>TinyAnalytics.io</link>, an anonymous, GDPR-friendly analytics tool, to gather anonymized usage statistics. No personally identifiable information is collected by this tool, and its usage is strictly limited to improving user experience.",
+    "changesTitle": "Changes to This Privacy Policy",
+    "changesInfo": "We may update this privacy policy from time to time. Any changes will be posted on this page, and we encourage you to review this policy periodically."
  }
 }
@@ -42,7 +42,8 @@

  "Footer": {
    "githubAria": "Lien vers le dépôt GitHub",
-    "contactAria": "Contactez-nous"
+    "contactAria": "Contactez-nous",
+    "privacyPolicyAria": "Politique de confidentialité"
  },

  "FormValidation": {
@@ -267,5 +268,23 @@
    "deleteButton": "Supprimer le compte",
    "success": "Votre compte a été supprimé avec succès.",
    "failure": "Oups, quelque chose s'est mal passé. Veuillez réessayer."
+  },
+
+  "Privacy": {
+    "title": "Politique de Confidentialité",
+    "introTitle": "Introduction",
+    "introInfo": "Bienvenue sur EchecsFrance.com (« nous », « notre » ou « nos »). Nous sommes un projet open-source géré par des passionnés, sans intention commerciale. Cette politique de confidentialité explique comment nous collectons, utilisons et protégeons votre adresse email lorsque vous interagissez avec notre site web https://echecsfrance.com/ ou utilisez nos services. En utilisant notre site et nos services, vous acceptez les pratiques décrites dans cette politique.",
+    "informationTitle": "Informations que Nous Collectons",
+    "informationInfo": "La seule information personnelle que nous collectons, si vous choisissez de créer un compte, est votre adresse email. Aucune autre donnée personnelle n'est collectée.",
+    "useTitle": "Comment Nous Utilisons Votre Information",
+    "useInfo": "Nous utilisons votre adresse email uniquement dans le but de vous envoyer des notifications de tournois d'échecs que vous avez spécifiquement demandées. Votre adresse email n'est utilisée à aucune autre fin.",
+    "deleteTitle": "Suppression de Compte",
+    "deleteInfo": "Vous pouvez supprimer votre compte à tout moment, et votre adresse email sera définitivement supprimée de notre base de données.",
+    "shareTitle": "Partage de Données",
+    "shareInfo": "Nous ne partageons, ne vendons ni ne fournissons l'accès à votre adresse email à des tiers. Vos informations sont strictement confidentielles et sont utilisées uniquement dans le cadre de notre projet.",
+    "cookiesTitle": "Cookies et Suivi",
+    "cookiesInfo": "Nous ne suivons pas les utilisateurs de manière intrusive. Toutefois, nous utilisons <link>TinyAnalytics.io</link>, un outil d'analyse anonyme et conforme au RGPD (Règlement Général sur la Protection des Données), pour obtenir des statistiques d'utilisation anonymisées. Aucune donnée personnelle identifiable n'est collectée par cet outil, et son utilisation est strictement limitée à des fins d'amélioration de l'expérience utilisateur.",
+    "changesTitle": "Modifications de Cette Politique de Confidentialité",
+    "changesInfo": "Nous pouvons mettre à jour cette politique de confidentialité de temps à autre. Toutes les modifications seront publiées sur cette page, et nous vous encourageons à consulter régulièrement cette politique."
  }
 }
@@ -1,14 +1,8 @@
 import createMiddleware from "next-intl/middleware";

-import { locales, pathnames } from "@/utils/navigation";
+import { routing } from "@/utils/navigation";

-export default createMiddleware({
-  defaultLocale: "fr",
-  locales,
-  pathnames,
-
-  localePrefix: "as-needed",
-});
+export default createMiddleware(routing);

 export const config = {
  // Skip all paths that should not be internationalized. This example skips certain folders
@@ -3,6 +3,7 @@ import { ObjectId } from "mongodb";
 export type UserModel = {
  email: string;
  emailVerified?: Date;
+  locale: string;
 };

 export type VerificationModel = {
@@ -52,7 +52,7 @@ export async function dbConnect() {
  const p = await clientPromise;

  const userData: mongoDB.Db = p.db("userData");
-  collections.users = userData.collection("userData");
+  collections.users = userData.collection("users");
  collections.userVerificationTokens = userData.collection(
    "userVerificationTokens",
  );
@@ -1,13 +1,14 @@
-import {
-  Pathnames,
-  createLocalizedPathnamesNavigation,
-} from "next-intl/navigation";
+import { createLocalizedPathnamesNavigation } from "next-intl/navigation";
+import { defineRouting } from "next-intl/routing";

 export const locales = ["fr", "en"] as const;

-// The `pathnames` object holds pairs of internal
-// and external paths, separated by locale.
-export const pathnames = {
+export const routing = defineRouting({
+  locales,
+  defaultLocale: "fr",
+  localePrefix: "as-needed",
+
+  pathnames: {
    "/": "/",
    "/clubs": "/clubs",
    "/elo": "/elo",
@@ -46,7 +47,16 @@ export const pathnames = {
      fr: "/supprimer-compte",
      en: "/delete-account",
    },
-} satisfies Pathnames<typeof locales>;
+
+    "/privacy": {
+      fr: "/politique-de-confidentialite",
+      en: "/privacy",
+    },
+  },
+});
+
+export type Pathnames = keyof typeof routing.pathnames;
+export type Locale = (typeof routing.locales)[number];

 export const { Link, redirect, usePathname, useRouter, getPathname } =
-  createLocalizedPathnamesNavigation({ locales, pathnames });
+  createLocalizedPathnamesNavigation(routing);
@@ -53,5 +53,9 @@ module.exports = {
      },
    },
  },
-  plugins: [require("@headlessui/tailwindcss"), require("@tailwindcss/forms")],
+  plugins: [
+    require("@headlessui/tailwindcss"),
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+  ],
 };
@@ -1827,6 +1827,16 @@
  dependencies:
    mini-svg-data-uri "^1.2.3"

+"@tailwindcss/typography@^0.5.15":
+  version "0.5.15"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.15.tgz#007ab9870c86082a1c76e5b3feda9392c7c8d648"
+  integrity sha512-AqhlCXl+8grUz8uqExv5OTtgpjuVIwFTSXTrh8y9/pw6q2ek7fJ+Y8ZEVw7EB2DCcuCOtEjf9w3+J3rzts01uA==
+  dependencies:
+    lodash.castarray "^4.4.0"
+    lodash.isplainobject "^4.0.6"
+    lodash.merge "^4.6.2"
+    postcss-selector-parser "6.0.10"
+
 "@tanstack/query-core@5.56.2":
  version "5.56.2"
  resolved "https://registry.yarnpkg.com/@tanstack/query-core/-/query-core-5.56.2.tgz#2def2fb0290cd2836bbb08afb0c175595bb8109b"
@@ -4339,11 +4349,21 @@ lodash-es@^4.17.15:
  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==

+lodash.castarray@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.castarray/-/lodash.castarray-4.4.0.tgz#c02513515e309daddd4c24c60cfddcf5976d9115"
+  integrity sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==
+
 lodash.debounce@^4.0.8:
  version "4.0.8"
  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==

+lodash.isplainobject@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
+  integrity sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==
+
 lodash.merge@^4.6.2:
  version "4.6.2"
  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
@@ -4880,6 +4900,14 @@ postcss-nested@^6.0.1:
  dependencies:
    postcss-selector-parser "^6.1.1"

+postcss-selector-parser@6.0.10:
+  version "6.0.10"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
+  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
 postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.1.1:
  version "6.1.2"
  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"