mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-09-18 01:19:24 +00:00
eecc410b77
* Added footer with blank links to be filled
* Cookie consent to match V1
* Made scrolling work on tool search results
* Made scrolling the same on tool search, tool picker and workbench
* Cleaned up height variables, view height only used at workbench level
<img width="1525" height="1270"
alt="{F3C1B15F-A4BE-4DF0-A5A8-92D2A3B14443}"
src="https://github.com/user-attachments/assets/0c23fe35-9973-45c0-85af-0002c5ff58d2"
/>
<img width="1511" height="1262"
alt="{4DDD51C0-4BC5-4E9F-A4F2-E5F49AF5F5FD}"
src="https://github.com/user-attachments/assets/2596d980-0312-4cd7-ad34-9fd3a8d1869e"
/>
---------
Co-authored-by: Connor Yoh <connor@stirlingpdf.com>
Co-authored-by: James Brunton <jbrunton96@gmail.com>
91 lines
2.6 KiB
TypeScript
91 lines
2.6 KiB
TypeScript
import { Flex } from '@mantine/core';
|
|
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { useCookieConsent } from '../../hooks/useCookieConsent';
|
|
|
|
interface FooterProps {
|
|
privacyPolicy?: string;
|
|
termsAndConditions?: string;
|
|
accessibilityStatement?: string;
|
|
cookiePolicy?: string;
|
|
impressum?: string;
|
|
analyticsEnabled?: boolean;
|
|
}
|
|
|
|
export default function Footer({
|
|
privacyPolicy = '/privacy',
|
|
termsAndConditions = '/terms',
|
|
accessibilityStatement = 'accessibility',
|
|
analyticsEnabled = false
|
|
}: FooterProps) {
|
|
const { t } = useTranslation();
|
|
const { showCookiePreferences } = useCookieConsent({ analyticsEnabled });
|
|
|
|
return (
|
|
<div style={{
|
|
height: 'var(--footer-height)',
|
|
zIndex: 999999,
|
|
backgroundColor: 'var(--mantine-color-gray-1)',
|
|
borderTop: '1px solid var(--mantine-color-gray-2)',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
}}>
|
|
<Flex gap="md"
|
|
justify="center"
|
|
align="center"
|
|
direction="row"
|
|
style={{ fontSize: '0.75rem' }}>
|
|
<a
|
|
className="footer-link px-3"
|
|
id="survey"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://stirlingpdf.info/s/cm28y3niq000o56dv7liv8wsu"
|
|
>
|
|
{t('survey.nav', 'Survey')}
|
|
</a>
|
|
{privacyPolicy && (
|
|
<a
|
|
className="footer-link px-3"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href={privacyPolicy}
|
|
>
|
|
{t('legal.privacy', 'Privacy Policy')}
|
|
</a>
|
|
)}
|
|
{termsAndConditions && (
|
|
<a
|
|
className="footer-link px-3"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href={termsAndConditions}
|
|
>
|
|
{t('legal.terms', 'Terms and Conditions')}
|
|
</a>
|
|
)}
|
|
{accessibilityStatement && (
|
|
<a
|
|
className="footer-link px-3"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href={accessibilityStatement}
|
|
>
|
|
{t('legal.accessibility', 'Accessibility')}
|
|
</a>
|
|
)}
|
|
{analyticsEnabled && (
|
|
<button
|
|
className="footer-link px-3"
|
|
id="cookieBanner"
|
|
onClick={showCookiePreferences}
|
|
>
|
|
{t('legal.showCookieBanner', 'Cookie Preferences')}
|
|
</button>
|
|
)}
|
|
</Flex>
|
|
</div>
|
|
);
|
|
}
|