mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-10 15:35:35 +00:00
feat: bring back legal pages
This commit is contained in:
@@ -19,7 +19,7 @@ const PageContent = styled.div({
|
||||
flexDirection: 'column',
|
||||
});
|
||||
|
||||
export default function Home() {
|
||||
export default function HomePage() {
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<ContentLayout>
|
||||
|
||||
44
inertia/pages/privacy.tsx
Normal file
44
inertia/pages/privacy.tsx
Normal file
@@ -0,0 +1,44 @@
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import LegalContentLayout from '~/components/layouts/legal_content_layout';
|
||||
|
||||
export default function TermsPage() {
|
||||
const { t } = useTranslation('privacy');
|
||||
return (
|
||||
<LegalContentLayout>
|
||||
<h1>{t('title')}</h1>
|
||||
<p>{t('edited_at', { date: '19/11/2023' })}</p>
|
||||
<p>{t('welcome')}</p>
|
||||
|
||||
<h2>{t('collect.title')}</h2>
|
||||
<h3>{t('collect.cookie.title')}</h3>
|
||||
<p>{t('collect.cookie.description')}</p>
|
||||
|
||||
<h3>{t('collect.user.title')}</h3>
|
||||
<p>{t('collect.user.description')}</p>
|
||||
<ul>
|
||||
{(
|
||||
t('collect.user.fields', {
|
||||
returnObjects: true,
|
||||
}) as Array<string>
|
||||
).map((field) => (
|
||||
<li key={field}>{field}</li>
|
||||
))}
|
||||
</ul>
|
||||
|
||||
<h2>{t('data_use.title')}</h2>
|
||||
<p>{t('data_use.description')}</p>
|
||||
|
||||
<h2>{t('data_storage.title')}</h2>
|
||||
<p>{t('data_storage.description')}</p>
|
||||
|
||||
<h3>{t('data_storage.data_retention.title')}</h3>
|
||||
<p>{t('data_storage.data_retention.description')}</p>
|
||||
|
||||
<h2>{t('user_rights.title')}</h2>
|
||||
<p>{t('user_rights.description')}</p>
|
||||
|
||||
<h2>{t('gdpr.title')}</h2>
|
||||
<p>{t('gdpr.description')}</p>
|
||||
</LegalContentLayout>
|
||||
);
|
||||
}
|
||||
53
inertia/pages/terms.tsx
Normal file
53
inertia/pages/terms.tsx
Normal file
@@ -0,0 +1,53 @@
|
||||
import { Link } from '@inertiajs/react';
|
||||
import { route } from '@izzyjs/route/client';
|
||||
import { Trans, useTranslation } from 'react-i18next';
|
||||
import LegalContentLayout from '~/components/layouts/legal_content_layout';
|
||||
|
||||
export default function TermsPage() {
|
||||
const { t } = useTranslation('terms');
|
||||
return (
|
||||
<LegalContentLayout>
|
||||
<h1>{t('title')}</h1>
|
||||
<p>{t('edited_at', { date: '19/11/2023' })}</p>
|
||||
<p>{t('welcome')}</p>
|
||||
|
||||
<h2>{t('accept.title')}</h2>
|
||||
<p>{t('accept.description')}</p>
|
||||
|
||||
<h2>{t('use.title')}</h2>
|
||||
<h3>{t('use.account.title')}</h3>
|
||||
<p>{t('use.account.description')}</p>
|
||||
|
||||
<h3>{t('use.allowed.title')}</h3>
|
||||
<p>{t('use.allowed.description')}</p>
|
||||
|
||||
<h3>{t('use.user_content.title')}</h3>
|
||||
<p>{t('use.user_content.description')}</p>
|
||||
|
||||
<h2>{t('personal_data.title')}</h2>
|
||||
<h3>{t('personal_data.collect.title')}</h3>
|
||||
<p>
|
||||
<Trans
|
||||
i18nKey="personal_data.collect.description"
|
||||
components={{ a: <Link href={route('privacy').url} /> }}
|
||||
/>
|
||||
</p>
|
||||
|
||||
<h3>{t('personal_data.suppress.title')}</h3>
|
||||
<p>{t('personal_data.suppress.description')}</p>
|
||||
|
||||
<h2>{t('responsibility_warranty.title')}</h2>
|
||||
<h3>{t('responsibility_warranty.responsibility.title')}</h3>
|
||||
<p>{t('responsibility_warranty.responsibility.description')}</p>
|
||||
|
||||
<h3>{t('responsibility_warranty.warranty.title')}</h3>
|
||||
<p>{t('responsibility_warranty.warranty.description')}</p>
|
||||
|
||||
<h2>{t('terms_changes.title')}</h2>
|
||||
<p>{t('terms_changes.description')}</p>
|
||||
|
||||
<h2>{t('cancel.title')}</h2>
|
||||
<p>{t('cancel.description')}</p>
|
||||
</LegalContentLayout>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user