import React from 'react'; import { Container, Text, Button, Checkbox, Group, useMantineColorScheme } from '@mantine/core'; import { Dropzone } from '@mantine/dropzone'; import AddIcon from '@mui/icons-material/Add'; import { useTranslation } from 'react-i18next'; import { useFileHandler } from '../../hooks/useFileHandler'; const LandingPage = () => { const { addMultipleFiles } = useFileHandler(); const fileInputRef = React.useRef(null); const { colorScheme } = useMantineColorScheme(); const { t } = useTranslation(); const handleFileDrop = async (files: File[]) => { await addMultipleFiles(files); }; const handleAddFilesClick = () => { fileInputRef.current?.click(); }; const handleFileSelect = async (event: React.ChangeEvent) => { const files = Array.from(event.target.files || []); if (files.length > 0) { await addMultipleFiles(files); } // Reset the input so the same file can be selected again event.target.value = ''; }; return ( {/* White PDF Page Background */}
Stirling PDF Logo
{/* Logo positioned absolutely in top right corner */} {/* Centered content container */}
{/* Stirling PDF Branding */} Stirling PDF {/* Add Files Button */} {/* Hidden file input for native file picker */}
{/* Instruction Text */} {t('fileUpload.dragFilesInOrClick', 'Drag files in or click "Add Files" to browse')}
); }; export default LandingPage;