4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

✨ privacy policy

Browse Source
This commit is contained in:
Max S 2024-09-12 16:14:18 +02:00
parent 71873a9001
commit 0da227c333
4 changed files with 443 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/front/Components/Elements/Dot/index.tsx Normal file
View File

@ -0,0 +1,10 @@
import React from "react";
export default function Dot({ children }: { children: React.ReactNode }) {
return (
<>
&nbsp;&nbsp;&nbsp;&nbsp;●&nbsp;&nbsp;{children}
<br />
</>
);
}

14
src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/classes.module.scss Normal file
View File

@ -0,0 +1,14 @@
.root {
width: 1056px;
padding: 24px;
display: flex;
flex-direction: column;
gap: var(--spacing-xl, 32px);
section {
display: flex;
flex-direction: column;
gap: var(--spacing-md, 16px);
}
}

390
src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/index.tsx Normal file
View File

@ -0,0 +1,390 @@
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import Dot from "@Front/Components/Elements/Dot";
import React from "react";
import classes from "./classes.module.scss";
import Module from "@Front/Config/Module";
import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
export default function PrivacyPolicy() {
return (
<div className={classes["root"]}>
<section>
<Typography typo={ETypo.TITLE_H4} color={ETypoColor.TEXT_PRIMARY}>
Politique de confidentialité
</Typography>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Version en vigueur à compter du 24 avril 2024
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les informations suivantes vous sont communiquées afin que vous puissiez prendre connaissance des engagements en matière
de protection des données à caractère personnel de LEcoffre.io, qui agit en tant que responsable du traitement pour les
traitements de données à caractère personnel évoqués dans le présent document.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
1. Les données à caractère personnel que nous traitons
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Dans le cadre des traitements de données à caractère personnel, LEcoffre.io collecte et traite les données suivantes en
qualité de responsable du traitement :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>Données d'identité (nom, prénom), d'identification (courriel et numéro de téléphone);</Dot>
<Dot>Données de paiement;</Dot>
<Dot>Données de connexion et de navigation.</Dot>
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Il peut également arriver que des Internautes communiquent d’autres données en contactant LEcoffre.io à l’aide de son
formulaire de contact.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
2. Les finalités de nos traitements
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les traitements que nous mettons en œuvre le sont pour assurer les finalités suivantes :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>répondre à vos demandes de contacts;</Dot>
<Dot>la gestion des demandes de droit d'accès, de suppression, de rectification et d'opposition;</Dot>
<Dot>vous permettre d’accéder au Site et à la plateforme LECoffre.io;</Dot>
<Dot>vous envoyer par courriel nos offres relatives aux Services, des actualités et bonnes pratiques.</Dot>
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
3. Les fondements juridiques de nos traitements
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Nous ne mettons en œuvre des traitements de données que si au moins l’une des conditions suivantes est remplie :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>votre consentement aux opérations de traitement a été recueilli;</Dot>
<Dot>
l’existence de notre intérêt légitime, ou de celui d’un tiers, qui justifie que nous mettions en œuvre le traitement
de données à caractère personnel concerné;
</Dot>
<Dot>
l’exécution d’un contrat qui nous lie à vous nécessite que nous mettions en œuvre le traitement de données à
caractère personnel concerné.
</Dot>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les intérêts légitimes qui sont poursuivis par LEcoffre.io peuvent notamment consister dans le management de son
activité, le suivi de ses contrats et la réalisation de ses prestations.
</Typography>
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
4. Les destinataires de vos données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les données à caractère personnel que nous collectons, de même que celles qui sont recueillies ultérieurement, nous sont
destinées en notre qualité de responsable du traitement.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Nous veillons à ce que seules les personnes habilitées puissent avoir accès à ces données. Nos prestataires de services
peuvent être destinataires de ces données pour réaliser les prestations que nous leur confions. Certaines données
personnelles peuvent être adressées à des tiers ou à des autorités légalement habilitées et ce pour satisfaire nos
obligations légales, réglementaires ou conventionnelles.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
5. La durée de conservation de vos données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les durées de conservation que nous appliquons à vos données à caractère personnel sont proportionnées aux finalités
pour lesquelles elles ont été collectées. En conséquence, nous organisons notre politique de conservation des données de
la manière suivante :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<u>Durée de conservation des données techniques</u>
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les données techniques sont conservées pour la durée strictement nécessaire à la réalisation des finalités visées dans
la présente politique de confidentialité.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<u>Conservation des données pendant la durée de la relation contractuelle</u>
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Les données à caractère personnel faisant l'objet d'un traitement ne sont pas conservées au-delà du temps nécessaire à
l'exécution des obligations définies lors de la conclusion du contrat ou de la durée prédéfinie de la relation
contractuelle.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
6. La sécurité de vos données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io a mis en œuvre des mesures pour protéger la confidentialité, la sécurité et l’intégrité de vos données à
caractère personnel. L’accès aux données à caractère personnel est restreint aux employés et fournisseurs de service qui
ont besoin de connaître ces informations et qui ont été formés pour se conformer aux règles en matière de
confidentialité.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io s’engage à ce que vos données à caractère personnel ne soient pas altérées ou endommagées et que des tiers
non autorisés n’y aient pas accès.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Nous disposons des mesures de protection physiques, techniques, électroniques, procédurales et organisationnelles
appropriées pour protéger les informations personnelles recueillies contre tout traitement non autorisé.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Toutefois, LEcoffre.io ne saurait vous garantir contre toute perte, destruction ou dommages de vos données à caractère
personnel.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
7. Les droits qui vous sont reconnus
</Typography>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Modalités d’exercice de vos droits
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous pouvez exercer vos droits par voie électronique à l’adresse suivante (contact@lecoffre.io) ou par courrier postal à
l’adresse LEcoffre.io - 2, Mail Anne-Catherine – 35000 Rennes, en justifiant de votre identité.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Pour ce faire, vous devez indiquer clairement vos nom(s) et prénom(s), l’adresse à laquelle vous souhaitez que la
réponse vous soit envoyée et y joindre la photocopie d’un titre d’identité portant votre signature.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Par principe, vous pouvez exercer sans frais l’ensemble de vos droits. Cependant en matière de droit d’accès, il pourra
vous être demandé le paiement de frais raisonnables basés sur les coûts administratifs pour toute copie des données que
vous demanderez.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Concernant le droit d’information, LEcoffre.io n’aura pas l’obligation d’y donner suite lorsque vous disposez déjà des
informations dont vous sollicitez la communication.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io vous informera si elle ne peut donner suite à vos demandes.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
LEcoffre.io tient à vous informer que le non-renseignement ou la modification de vos données sont susceptibles d’avoir
des conséquences dans le traitement de certaines demandes dans le cadre de l’exécution des relations contractuelles et
que votre demande au titre de l’exercice de vos droits sera conservée à des fins de suivi.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
L’ensemble des droits dont vous bénéficiez est détaillé ci-dessous :
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit à l’information
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous pouvez exercer vos droits par voie électronique à l’adresse suivante (contact@lecoffre.io) ou par courrier postal à
l’adresse LEcoffre.io - 2, Mail Anne-Catherine – 35000 Rennes, en justifiant de votre identité.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Si nous décidons de traiter des données pour des finalités autres que celles indiquées, toutes les informations
relatives à ces nouvelles finalités vous seront communiquées.
</Typography>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit d’accès et à la rectification de vos données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous disposez du droit d’accéder et de faire rectifier vos données personnelles, que vous pouvez exercer auprès de
LEcoffre.io par voie électronique à l’adresse
<a href="mailto:contact@lecoffre.io">
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
{" "}
contact@lecoffre.io{" "}
</Typography>
</a>
ou par courrier postal à l’adresse LEcoffre.io – 2, Mail Anne-Catherine – 35000 Rennes.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
A ce titre, vous avez la confirmation que vos données personnelles sont ou ne sont pas traitées et lorsqu’elles le sont,
et disposez de l’accès à vos données ainsi qu’aux informations concernant :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>les finalités du traitement ;</Dot>
<Dot>les catégories de données personnelles concernées ;</Dot>
<Dot>
les destinataires ou catégories de destinataires ainsi que les organisations internationales auxquels les données
personnelles ont été ou seront communiquées, en particulier les destinataires qui sont établis dans des pays tiers ;
</Dot>
<Dot>
lorsque cela est possible, la durée de conservation des données personnelles envisagée ou, lorsque ce n’est pas
possible, les critères utilisés pour déterminer cette durée ;
</Dot>
<Dot>
l’existence du droit de demander au responsable du traitement la rectification ou l’effacement de vos données
personnelles, du droit de demander une limitation du traitement de vos données personnelles, du droit de vous
opposer à ce traitement ;
</Dot>
<Dot>le droit d’introduire une réclamation auprès d’une autorité de contrôle ;</Dot>
<Dot>
des informations relatives à la source des données quand elles ne sont pas collectées directement auprès des
personnes concernées ;
</Dot>
<Dot>
l’existence d’une prise de décision automatisée, y compris de profilage, et dans ce dernier cas, des informations
utiles concernant la logique sous-jacente, ainsi que l’importance et les conséquences prévues de ce traitement pour
les personnes concernées.
</Dot>
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous pouvez nous demander que vos données personnelles soient, selon les cas, rectifiées, complétées si elles sont
inexactes, incomplètes, équivoques, périmées.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit à l’effacement de vos données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous pouvez nous demander l’effacement de vos données personnelles lorsque l’un des motifs suivants s’applique :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>
les données personnelles ne sont plus nécessaires au regard des finalités pour lesquelles elles ont été collectées
ou traitées d’une autre manière ;
</Dot>
<Dot>vous retirez le consentement préalablement donné ;</Dot>
<Dot>
vous vous opposez au traitement de vos données personnelles lorsqu’il n’existe pas de motif légal audit traitement ;
</Dot>
<Dot>
le traitement de données personnelles n’est pas conforme aux dispositions de la législation et de la réglementation
applicable ;
</Dot>
<Dot>
vos données personnelles ont été collectées dans le cadre de l’offre de services de la société de l’information aux
enfants âgés de moins de 16 ans.
</Dot>
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Néanmoins, l’exercice de ce droit ne sera pas possible lorsque la conservation de vos données personnelles est
nécessaire au regard de la législation ou de la réglementation et notamment par exemple pour la constatation, l’exercice
ou la défense de droits en justice.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit à la limitation des traitements de données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous pouvez demander la limitation du traitement de vos données personnelles dans les cas prévus par la législation et
la réglementation.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit de vous opposer aux traitements de données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous avez le droit de vous opposer à un traitement de données personnelles vous concernant lorsque le traitement est
fondé sur l’intérêt légitime du responsable du traitement.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit à la portabilité de vos données
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous disposez du droit à la portabilité de vos données personnelles, lorsque :
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
<Dot>
le traitement est fondé sur le consentement en application de l’article 6, paragraphe 1, point a), ou de l’article
9, paragraphe 2, point a), ou sur un contrat en application de l’article 6, paragraphe 1, point b) du RGPD ;
</Dot>
<Dot>le traitement est effectué à l'aide de procédés automatisés.</Dot>
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit de retirer votre consentement
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Lorsque les traitements de données que nous mettons en œuvre sont fondés sur votre consentement, vous pouvez le retirer
à n’importe quel moment. Nous cessons alors de traiter vos données à caractère personnel sans que les opérations
antérieures pour lesquelles vous aviez consenti ne soient remises en cause.
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit d’introduire un recours
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Si vous considérez que LEcoffre.io ne respecte pas ses obligations au regard de vos données à caractère personnel, vous
pouvez adresser une plainte ou une demande auprès de l’autorité compétente. En France, l’autorité compétente est la Cnil
à laquelle vous pouvez adresser une demande par voie électronique en cliquant sur le lien suivant
<a href="https://www.cnil.fr/fr/plaintes/internet" target="_blank" rel="noreferrer">
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
{" "}
https://www.cnil.fr/fr/plaintes/internet.{" "}
</Typography>
</a>
</Typography>
</section>
<section>
<Typography typo={ETypo.TEXT_LG_SEMIBOLD} color={ETypoColor.TEXT_SECONDARY}>
Droit de définir des directives post-mortem
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous avez la possibilité de définir des directives relatives à la conservation, à l’effacement et à la communication de
vos données personnelles après votre décès et ce auprès d’un tiers de confiance, certifié et chargé de faire respecter
la volonté du défunt, conformément aux exigences du cadre juridique applicable.
</Typography>
</section>
<section>
<Typography typo={ETypo.TITLE_H6} color={ETypoColor.TEXT_ACCENT}>
8. Cookies
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
En naviguant sur notre site, des cookies sont déposés sur votre terminal, soit directement, soit après avoir recueilli
votre consentement lorsque la réglementation en matière de cookies le requiert.
</Typography>
<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_SECONDARY}>
Vous êtes invité à vous référer aux
<a
href={Module.getInstance()
.get()
.modules.pages.Legal.pages.LegalInformations.props.path.replace(
"[legalUid]",
ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES,
)}
target="_blank"
rel="noreferrer">
<Typography type="span" typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.TEXT_ACCENT}>
{" "}
Politiques cookies{" "}
</Typography>
</a>
concernant l’utilisation par LECoffre.io des cookies.
</Typography>
</section>
</div>
);
}

55
src/front/Components/Layouts/Legal/LegalInformations/index.tsx
View File

@ -1,34 +1,37 @@
import DefaultLegalDashboard, { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
import { useRouter } from "next/router";
import React from "react";
import classes from "./classes.module.scss";
import DefaultLegalDashboard, { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography";
import Link from "next/link";
const pdfLinks: Record<ELegalOptions, string> = {
"mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf",
"politique-de-confidentialite": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_confidentialite.pdf",
"politique-de-gestion-des-cookies": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_cookies.pdf",
cgs: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgs.pdf",
cgu: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgu.pdf",
};
import PrivacyPolicy from "./PrivacyPolicy";
// const pdfLinks: Record<ELegalOptions, string> = {
// "mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf",
// "politique-de-confidentialite": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_confidentialite.pdf",
// "politique-de-gestion-des-cookies": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_cookies.pdf",
// cgs: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgs.pdf",
// cgu: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgu.pdf",
// };
export default function LegalInformations() {
const router = useRouter();
let { legalUid } = router.query;
const legalUidTyped = legalUid as ELegalOptions;
return (
<DefaultLegalDashboard>
<object data={pdfLinks[legalUidTyped]} type="application/pdf" width="100%" height="100%" className={classes["pdf-viewer"]}>
<Typography typo={ETypo.TEXT_LG_LIGHT} className={classes["no-pdf-text"]}>
Votre navigateur ne prend pas en charge l'affichage des pdf&nbsp;
<Typography typo={ETypo.TEXT_LG_LIGHT} type="span">
<Link href={pdfLinks[legalUidTyped]} target="_blank" style={{ color: `var(${ETypoColor.COLOR_PRIMARY_500})` }}>
cliquez ici pour télécharger le pdf.
</Link>
</Typography>
</Typography>
</object>
</DefaultLegalDashboard>
);
const legalType = legalUid as ELegalOptions;
return <DefaultLegalDashboard>{getLegalInformationContent(legalType)}</DefaultLegalDashboard>;
}
function getLegalInformationContent(legalType: ELegalOptions) {
switch (legalType) {
case ELegalOptions.LEGAL_MENTIONS:
return "Mentions légales";
case ELegalOptions.CGU:
return "CGU";
case ELegalOptions.CGS:
return "CGS";
case ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE:
return <PrivacyPolicy />;
case ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES:
return "Politique de gestion des cookies";
default:
return null;
}
}