mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-04-02 06:49:26 +02:00
134d1642af
- Add i18next, react-i18next, i18next-browser-languagedetector packages - Configure i18n initialization with language detector in lib/i18n.ts - Created en/de translation files and moved most hard-coded strings into the files and translated them - Uses locale-aware date formatting where applicable - Added language-specific Wikipedia content files (wikipedia.en.json, wikipedia.de.json) and updated download URLs - Added NOMAD_REPO_URL env variable for fork-friendly URL resolution (easier testing and rollout independent of Crosstalk repo)
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import { useState } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { usePage } from '@inertiajs/react'
|
|
import { UsePageProps } from '../../types/system'
|
|
import ThemeToggle from '~/components/ThemeToggle'
|
|
import { IconBug } from '@tabler/icons-react'
|
|
import DebugInfoModal from './DebugInfoModal'
|
|
|
|
export default function Footer() {
|
|
const { t } = useTranslation()
|
|
const { appVersion } = usePage().props as unknown as UsePageProps
|
|
const [debugModalOpen, setDebugModalOpen] = useState(false)
|
|
|
|
return (
|
|
<footer>
|
|
<div className="flex items-center justify-center gap-3 border-t border-border-subtle py-4">
|
|
<p className="text-sm/6 text-text-secondary">
|
|
{t('footer.commandCenter', { version: appVersion })}
|
|
</p>
|
|
<span className="text-gray-300">|</span>
|
|
<button
|
|
onClick={() => setDebugModalOpen(true)}
|
|
className="text-sm/6 text-gray-500 hover:text-desert-green flex items-center gap-1 cursor-pointer"
|
|
>
|
|
<IconBug className="size-3.5" />
|
|
{t('footer.debugInfo')}
|
|
</button>
|
|
<ThemeToggle />
|
|
</div>
|
|
<DebugInfoModal open={debugModalOpen} onClose={() => setDebugModalOpen(false)} />
|
|
</footer>
|
|
)
|
|
}
|