Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-08-16 13:47:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

add translation support

Browse Source
This commit is contained in:
EthanHealy01 2025-08-06 15:31:33 +01:00
parent e66599cd57
commit 1380eb6606
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/shared/LandingPage.tsx
View File

@ -2,12 +2,14 @@ import React from 'react';
import { Container, Text, Button, Checkbox, Group, useMantineColorScheme } from '@mantine/core'; import { Container, Text, Button, Checkbox, Group, useMantineColorScheme } from '@mantine/core';
import { Dropzone } from '@mantine/dropzone'; import { Dropzone } from '@mantine/dropzone';
import AddIcon from '@mui/icons-material/Add'; import AddIcon from '@mui/icons-material/Add';
import { useTranslation } from 'react-i18next';
import { useFileHandler } from '../../hooks/useFileHandler'; import { useFileHandler } from '../../hooks/useFileHandler';
const LandingPage = () => { const LandingPage = () => {
const { addMultipleFiles } = useFileHandler(); const { addMultipleFiles } = useFileHandler();
const fileInputRef = React.useRef<HTMLInputElement>(null); const fileInputRef = React.useRef<HTMLInputElement>(null);
const { colorScheme } = useMantineColorScheme(); const { colorScheme } = useMantineColorScheme();
const { t } = useTranslation();
const handleFileDrop = async (files: File[]) => { const handleFileDrop = async (files: File[]) => {
await addMultipleFiles(files); await addMultipleFiles(files);
@ -112,7 +114,7 @@ const LandingPage = () => {
> >
<AddIcon className="text-[var(--accent-interactive)]" /> <AddIcon className="text-[var(--accent-interactive)]" />
<span> <span>
Add Files {t('fileUpload.addFiles', 'Add Files')}
</span> </span>
</Button> </Button>
@ -133,7 +135,7 @@ const LandingPage = () => {
className="text-[var(--accent-interactive)]" className="text-[var(--accent-interactive)]"
style={{ fontSize: '.8rem' }} style={{ fontSize: '.8rem' }}
> >
Drag files in or click "Add Files" to browse {t('fileUpload.dragFilesInOrClick', 'Drag files in or click "Add Files" to browse')}
</span> </span>
</div> </div>
</Dropzone> </Dropzone>