mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-04-02 14:59:26 +02:00
b36fe09932
Implementa infraestrutura de i18n com suporte inicial a English e Português (Brasil). Seletor de idioma em Settings > System > Preferences. - Instala react-i18next e i18next - Cria arquivos de tradução (en, pt-BR) para common, home, settings, layout - Traduz layout (sidebar, header, footer), home e settings/system - Persiste idioma via localStorage + KVStore (ui.language) - Seletor de idioma na página Settings/System Closes #486
50 lines
2.0 KiB
TypeScript
50 lines
2.0 KiB
TypeScript
import { useState } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Footer from '~/components/Footer'
|
|
import ChatButton from '~/components/chat/ChatButton'
|
|
import ChatModal from '~/components/chat/ChatModal'
|
|
import useServiceInstalledStatus from '~/hooks/useServiceInstalledStatus'
|
|
import { SERVICE_NAMES } from '../../constants/service_names'
|
|
import { Link } from '@inertiajs/react'
|
|
import { IconArrowLeft } from '@tabler/icons-react'
|
|
import classNames from 'classnames'
|
|
|
|
export default function AppLayout({ children }: { children: React.ReactNode }) {
|
|
const { t } = useTranslation('layout')
|
|
const [isChatOpen, setIsChatOpen] = useState(false)
|
|
const aiAssistantInstalled = useServiceInstalledStatus(SERVICE_NAMES.OLLAMA)
|
|
|
|
return (
|
|
<div className="min-h-screen flex flex-col">
|
|
{
|
|
window.location.pathname !== '/home' && (
|
|
<Link href="/home" className="absolute top-60 md:top-48 left-4 flex items-center">
|
|
<IconArrowLeft className="mr-2" size={24} />
|
|
<p className="text-lg text-text-secondary">{t('nav.backToHome')}</p>
|
|
</Link>
|
|
)}
|
|
<div
|
|
className="p-2 flex gap-2 flex-col items-center justify-center cursor-pointer"
|
|
onClick={() => (window.location.href = '/home')}
|
|
>
|
|
<img src="/project_nomad_logo.png" alt="Project Nomad Logo" className="h-40 w-40" />
|
|
<h1 className="text-5xl font-bold text-desert-green">{t('header.commandCenter')}</h1>
|
|
</div>
|
|
<hr className={
|
|
classNames(
|
|
"text-desert-green font-semibold h-[1.5px] bg-desert-green border-none",
|
|
window.location.pathname !== '/home' ? "mt-12 md:mt-0" : "mt-0"
|
|
)} />
|
|
<div className="flex-1 w-full bg-desert">{children}</div>
|
|
<Footer />
|
|
|
|
{aiAssistantInstalled && (
|
|
<>
|
|
<ChatButton onClick={() => setIsChatOpen(true)} />
|
|
<ChatModal open={isChatOpen} onClose={() => setIsChatOpen(false)} />
|
|
</>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|