diff --git a/client/src/App.tsx b/client/src/App.tsx index 4fa2e61..a979f79 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -344,6 +344,7 @@ function App() { setTasks(prev => [...prev, ...newTasks])} + onNavigateToSettings={() => setCurrentTab('settings')} /> ); diff --git a/client/src/components/ProjectTemplate.tsx b/client/src/components/ProjectTemplate.tsx index e7b1abb..37fa70e 100644 --- a/client/src/components/ProjectTemplate.tsx +++ b/client/src/components/ProjectTemplate.tsx @@ -1,4 +1,5 @@ import { useState, useEffect } from 'react'; +import { useTranslation } from 'react-i18next'; import { Card } from '@/components/ui/card'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; @@ -8,7 +9,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@ import { Calendar } from '@/components/ui/calendar'; import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; -import { Plus, Calendar as CalendarIcon, Clock, Copy, Play, Tag, Edit, Trash2, Palette, FileText } from 'lucide-react'; +import { Plus, Calendar as CalendarIcon, Clock, Copy, Play, Tag, Edit, Trash2, Palette, FileText, ArrowLeft } from 'lucide-react'; import { Label, Task } from '@shared/schema'; import TaskDetailsModal from '@/components/TaskDetailsModal'; import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'; @@ -73,6 +74,7 @@ interface ProjectTemplateProps { onCreateFromTemplate?: (templateId: string, startDate: Date, projectName: string) => void; onCreateTemplate?: (template: any) => void; onCreateTasks?: (tasks: Task[]) => void; + onNavigateToSettings?: () => void; } const defaultProjects: Project[] = [ @@ -122,7 +124,8 @@ const defaultProjects: Project[] = [ export default function ProjectTemplate({ onCreateFromTemplate, onCreateTemplate, - onCreateTasks + onCreateTasks, + onNavigateToSettings }: ProjectTemplateProps) { const [projects, setProjects] = useState(defaultProjects); const [selectedProject, setSelectedProject] = useState(null); @@ -519,13 +522,27 @@ export default function ProjectTemplate({ { id: 'finished', title: 'Finished', status: 'finished' as const, color: 'bg-green-100' } ]; + const { t } = useTranslation(); + return (
{/* Header */}
-

- Settings -

+
+ {onNavigateToSettings && ( + + )} +

+ {t('projectTemplate.title')} +

+