GitHub Actions
8511d98160
- Added translation support using react-i18next in WafConfig and CrowdSecConfig components. - Updated UI elements to use translation keys instead of hardcoded strings. - Enhanced test coverage for i18n integration, including mocks for translation in tests. - Fixed various test cases to align with new translation structure. - Created a QA report for i18n implementation, noting validation of translation files and areas for improvement.
47 lines
1.6 KiB
TypeScript
47 lines
1.6 KiB
TypeScript
import { Link, Outlet, useLocation } from 'react-router-dom'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
export default function Tasks() {
|
|
const { t } = useTranslation()
|
|
const location = useLocation()
|
|
|
|
const isActive = (path: string) => location.pathname === path
|
|
|
|
return (
|
|
<div className="">
|
|
<div className="mb-6">
|
|
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white">{t('tasks.title')}</h2>
|
|
<p className="text-sm text-gray-500 dark:text-gray-400">{t('tasks.description')}</p>
|
|
</div>
|
|
|
|
<div className="flex items-center gap-4 mb-6">
|
|
<Link
|
|
to="/tasks/backups"
|
|
className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
|
|
isActive('/tasks/backups')
|
|
? 'bg-blue-50 text-blue-700 dark:bg-blue-900/20 dark:text-blue-300'
|
|
: 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800'
|
|
}`}
|
|
>
|
|
{t('navigation.backups')}
|
|
</Link>
|
|
|
|
<Link
|
|
to="/tasks/logs"
|
|
className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
|
|
isActive('/tasks/logs')
|
|
? 'bg-blue-50 text-blue-700 dark:bg-blue-900/20 dark:text-blue-300'
|
|
: 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800'
|
|
}`}
|
|
>
|
|
{t('navigation.logs')}
|
|
</Link>
|
|
</div>
|
|
|
|
<div className="bg-white dark:bg-dark-card border border-gray-200 dark:border-gray-800 rounded-md p-6">
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|