From 448fb961a997683f33f0b05aac7c1b25e42af7ea Mon Sep 17 00:00:00 2001
From: AKILIMAILI CIZUNGU Innocent
 <51681130+Innocent-Akim@users.noreply.github.com>
Date: Sun, 3 Nov 2024 21:32:03 +0200
Subject: [PATCH] [Feat]: Add Multilingual Support for Timesheet Component
 (#3225)

* feat: Add multilingual support for timesheet component

* fix: bug

* improv: update multilingual support for timesheet component

* fix: change

* fix: sug-coderabbita

* fix: deepscan
---
 .../components/FilterWithStatus.tsx           |  6 ++---
 .../[memberId]/components/FrequencySelect.tsx |  2 +-
 .../[memberId]/components/TimesheetAction.tsx | 18 +++++++------
 .../[memberId]/components/TimesheetCard.tsx   |  4 ++-
 .../[memberId]/components/TimesheetView.tsx   | 20 +++++++++++---
 .../[locale]/timesheet/[memberId]/page.tsx    | 15 +++++++----
 apps/web/app/helpers/date.ts                  |  9 ++++---
 .../calendar/table-time-sheet.tsx             | 11 +++++---
 apps/web/locales/ar.json                      | 23 ++++++++++++++++
 apps/web/locales/bg.json                      | 23 ++++++++++++++++
 apps/web/locales/de.json                      | 27 +++++++++++++++++--
 apps/web/locales/en.json                      | 23 ++++++++++++++++
 apps/web/locales/es.json                      | 23 ++++++++++++++++
 apps/web/locales/fr.json                      | 23 ++++++++++++++++
 apps/web/locales/he.json                      | 23 ++++++++++++++++
 apps/web/locales/it.json                      | 23 ++++++++++++++++
 apps/web/locales/nl.json                      | 23 ++++++++++++++++
 apps/web/locales/pl.json                      | 23 ++++++++++++++++
 apps/web/locales/pt.json                      | 23 ++++++++++++++++
 apps/web/locales/ru.json                      | 23 ++++++++++++++++
 apps/web/locales/zh.json                      | 23 ++++++++++++++++
 21 files changed, 357 insertions(+), 31 deletions(-)

diff --git a/apps/web/app/[locale]/timesheet/[memberId]/components/FilterWithStatus.tsx b/apps/web/app/[locale]/timesheet/[memberId]/components/FilterWithStatus.tsx
index 008a1fa04..14d66eb2c 100644
--- a/apps/web/app/[locale]/timesheet/[memberId]/components/FilterWithStatus.tsx
+++ b/apps/web/app/[locale]/timesheet/[memberId]/components/FilterWithStatus.tsx
@@ -25,9 +25,9 @@ export function FilterWithStatus({
                 <Button
                     key={index}
                     className={clsxm(
-                        'group flex items-center justify-start h-[2.2rem] rounded-xl border w-full',
-                        'dark:bg-dark--theme-light dark:border-gray-700 bg-transparent text[#71717A] w-[80px]',
-                        activeStatus === label && 'text-primary bg-white shadow-lg font-bold'
+                        'group flex items-center justify-start h-[2.2rem] rounded-xl w-full',
+                        'dark:bg-dark--theme-light dark:border-gray-700 bg-transparent text-[#71717A] w-[80px]',
+                        activeStatus === label && 'text-primary bg-white shadow-lg font-bold border'
                     )}
                     onClick={() => onToggle(label)}>
                     <span className={clsxm('font-medium ml-1 text-[#7E7991]', `${activeStatus === label ? "text-primary" : ""}`)}>{label}</span>
diff --git a/apps/web/app/[locale]/timesheet/[memberId]/components/FrequencySelect.tsx b/apps/web/app/[locale]/timesheet/[memberId]/components/FrequencySelect.tsx
index d94137daf..df8b3054c 100644
--- a/apps/web/app/[locale]/timesheet/[memberId]/components/FrequencySelect.tsx
+++ b/apps/web/app/[locale]/timesheet/[memberId]/components/FrequencySelect.tsx
@@ -39,7 +39,7 @@ export function FrequencySelect() {
         <Select
             value={selectedValue}
             onValueChange={handleSelectChange}>
-            <SelectTrigger className="w-[170px] overflow-hidden text-clip border border-gray-200 dark:border-gray-700 bg-white dark:bg-dark--theme-light focus:ring-2 focus:ring-transparent">
+            <SelectTrigger className="w-auto overflow-hidden text-clip border border-gray-200 dark:border-gray-700 bg-white dark:bg-dark--theme-light focus:ring-2 focus:ring-transparent">
                 <SelectValue placeholder="Select a daily" />
             </SelectTrigger>
             <SelectContent>
diff --git a/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetAction.tsx b/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetAction.tsx
index 1d7af3a05..b556f3431 100644
--- a/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetAction.tsx
+++ b/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetAction.tsx
@@ -1,4 +1,5 @@
 import { clsxm } from "@/app/utils";
+import { TranslationHooks } from "next-intl";
 import { ReactNode } from "react";
 import { FaClipboardCheck } from "react-icons/fa6";
 import { IoClose } from "react-icons/io5";
@@ -25,20 +26,21 @@ export const TimesheetButton = ({ className, icon, onClick, title }: ITimesheetB
 export type StatusType = "Pending" | "Approved" | "Rejected";
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-export const getTimesheetButtons = (status: StatusType) => {
+export const getTimesheetButtons = (status: StatusType, t: TranslationHooks) => {
+
     const buttonsConfig: Record<StatusType, { icon: JSX.Element; title: string }[]> = {
         Pending: [
-            { icon: <FaClipboardCheck className="!text-[#2932417c] rounded" />, title: "Approve Selected" },
-            { icon: <IoClose className="!bg-[#2932417c] rounded" />, title: "Reject Selected" },
-            { icon: <RiDeleteBin6Fill className="!text-[#2932417c] rounded" />, title: "Delete Selected" }
+            { icon: <FaClipboardCheck className="!text-[#2932417c] rounded" />, title: t('pages.timesheet.TIMESHEET_ACTION_APPROVE_SELECTED') },
+            { icon: <IoClose className="!bg-[#2932417c] rounded" />, title: t('pages.timesheet.TIMESHEET_ACTION_REJECT_SELECTED') },
+            { icon: <RiDeleteBin6Fill className="!text-[#2932417c] rounded" />, title: t('pages.timesheet.TIMESHEET_ACTION_DELETE_SELECTED') }
         ],
         Approved: [
-            { icon: <IoClose className="!bg-[#2932417c] rounded" />, title: "Reject Selected" },
-            { icon: <RiDeleteBin6Fill className="!text-[#2932417c] rounded" />, title: "Delete Selected" }
+            { icon: <IoClose className="!bg-[#2932417c] rounded" />, title: t('pages.timesheet.TIMESHEET_ACTION_REJECT_SELECTED') },
+            { icon: <RiDeleteBin6Fill className="!text-[#2932417c] rounded" />, title: t('pages.timesheet.TIMESHEET_ACTION_DELETE_SELECTED') }
         ],
         Rejected: [
-            { icon: <FaClipboardCheck className="!text-[#2932417c] rounded" />, title: "Approve Selected" },
-            { icon: <RiDeleteBin6Fill className="!text-[#2932417c] rounded" />, title: "Delete Selected" }
+            { icon: <FaClipboardCheck className="!text-[#2932417c] rounded" />, title: t('pages.timesheet.TIMESHEET_ACTION_APPROVE_SELECTED') },
+            { icon: <RiDeleteBin6Fill className="!text-[#2932417c] rounded" />, title: t('pages.timesheet.TIMESHEET_ACTION_DELETE_SELECTED') }
         ]
     };
 
diff --git a/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetCard.tsx b/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetCard.tsx
index 94953c8d1..ded2ddaf6 100644
--- a/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetCard.tsx
+++ b/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetCard.tsx
@@ -2,6 +2,7 @@
 import { clsxm } from '@app/utils';
 import { ArrowRightIcon } from 'assets/svg';
 import { Button, Card } from 'lib/components';
+import { useTranslations } from 'next-intl';
 import { ReactNode } from 'react';
 
 interface ITimesheetCard {
@@ -19,6 +20,7 @@ interface ITimesheetCard {
 
 export function TimesheetCard({ ...props }: ITimesheetCard) {
     const { icon, title, date, description, hours, count, onClick, classNameIcon } = props;
+    const t = useTranslations();
     return (
         <Card
             aria-label={`Timesheet card for ${title}`}
@@ -41,7 +43,7 @@ export function TimesheetCard({ ...props }: ITimesheetCard) {
                     )}
                     aria-label="View timesheet details"
                     onClick={onClick}>
-                    <span>View Details</span>
+                    <span>{t('pages.timesheet.TIMESHEET_VIEW_DETAILS')}</span>
                     <ArrowRightIcon className={clsxm(
                         'h-6 w-6',
                         'text-[#282048] dark:text-[#6b7280]'
diff --git a/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetView.tsx b/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetView.tsx
index d46a877b1..736ded7b6 100644
--- a/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetView.tsx
+++ b/apps/web/app/[locale]/timesheet/[memberId]/components/TimesheetView.tsx
@@ -1,10 +1,24 @@
-import { IDailyPlan } from '@/app/interfaces'
-import { DataTableTimeSheet } from 'lib/features/integrations/calendar'
+import { IDailyPlan } from '@/app/interfaces';
+import { DataTableTimeSheet } from 'lib/features/integrations/calendar';
+import { useTranslations } from 'next-intl';
 
 export function TimesheetView({ data }: { data?: IDailyPlan[] }) {
+    const t = useTranslations();
     return (
         <div className='grow h-full w-full bg-[#FFFFFF]'>
-            <DataTableTimeSheet data={data} />
+            {data ? (
+                data.length > 0 ? (
+                    <DataTableTimeSheet data={data} />
+                ) : (
+                    <div className="flex items-center justify-center h-full">
+                        <p>{t('pages.timesheet.NO_ENTRIES_FOUND')}</p>
+                    </div>
+                )
+            ) : (
+                <div className="flex items-center justify-center h-full">
+                    <p>{t('pages.timesheet.LOADING')}</p>
+                </div>
+            )}
         </div>
     )
 }
diff --git a/apps/web/app/[locale]/timesheet/[memberId]/page.tsx b/apps/web/app/[locale]/timesheet/[memberId]/page.tsx
index 3e57d8e00..f8ce5238b 100644
--- a/apps/web/app/[locale]/timesheet/[memberId]/page.tsx
+++ b/apps/web/app/[locale]/timesheet/[memberId]/page.tsx
@@ -15,6 +15,7 @@ import { CalendarDaysIcon, Clock, User2 } from 'lucide-react';
 import { GrTask } from "react-icons/gr";
 import { GoSearch } from "react-icons/go";
 import { getGreeting } from '@/app/helpers';
+import { TranslationHooks } from 'next-intl';
 
 type TimesheetViewMode = "ListView" | "CalendarView";
 
@@ -23,6 +24,7 @@ type ViewToggleButtonProps = {
     active: boolean;
     icon: React.ReactNode;
     onClick: () => void;
+    t: TranslationHooks
 };
 
 interface FooterTimeSheetProps {
@@ -48,7 +50,7 @@ const TimeSheet = React.memo(function TimeSheetPage({ params }: { params: { memb
         () => [
             { title: JSON.parse(t('pages.home.BREADCRUMB')), href: '/' },
             { title: activeTeam?.name || '', href: '/' },
-            { title: 'Timesheet', href: `/${currentLocale}/timesheet/${params.memberId}` }
+            { title: t("pages.timesheet.TIMESHEET_TITLE"), href: `/${currentLocale}/timesheet/${params.memberId}` }
         ],
         [activeTeam?.name, currentLocale, t]
     );
@@ -72,8 +74,8 @@ const TimeSheet = React.memo(function TimeSheetPage({ params }: { params: { memb
                     <Container fullWidth={fullWidth} className='h-full pt-14'>
                         <div className='py-5'>
                             <div className='flex flex-col justify-start items-start gap-y-2'>
-                                <h1 className='!text-[23px] font-bold text-[#282048]'>{getGreeting()}, {username} !</h1>
-                                <span className='text-[16px] text-[#3D5A80]'>This is your personal timesheet dashboard, showing you what needs your attention now.</span>
+                                <h1 className='!text-[23px] font-bold text-[#282048]'>{getGreeting(t)}, {username} !</h1>
+                                <span className='text-[16px] text-[#3D5A80]'>{t('pages.timesheet.HEADING_DESCRIPTION')}</span>
                             </div>
                             <div className='flex items-center w-full justify-between gap-6 pt-4'>
                                 <TimesheetCard
@@ -106,12 +108,14 @@ const TimeSheet = React.memo(function TimeSheetPage({ params }: { params: { memb
                                     mode='ListView'
                                     active={timesheetNavigator === 'ListView'}
                                     onClick={() => setTimesheetNavigator('ListView')}
+                                    t={t}
                                 />
                                 <ViewToggleButton
                                     icon={<CalendarDaysIcon size={20} className='!text-sm' />}
                                     mode='CalendarView'
                                     active={timesheetNavigator === 'CalendarView'}
                                     onClick={() => setTimesheetNavigator('CalendarView')}
+                                    t={t}
                                 />
                             </div>
                             <div className='flex items-center h-9 w-[700px] bg-white gap-x-2 px-2 border border-gray-200 rounded-sm mb-2'>
@@ -163,7 +167,8 @@ const ViewToggleButton: React.FC<ViewToggleButtonProps> = ({
     mode,
     active,
     icon,
-    onClick
+    onClick,
+    t
 }) => (
     <button
         onClick={onClick}
@@ -172,6 +177,6 @@ const ViewToggleButton: React.FC<ViewToggleButtonProps> = ({
             active && 'border-b-primary text-primary border-b-2 bg-[#F1F5F9]'
         )}>
         {icon}
-        <span>{mode === 'ListView' ? 'List View' : 'Calendar View'}</span>
+        <span>{mode === 'ListView' ? t('pages.timesheet.VIEWS.LIST') : t('pages.timesheet.VIEWS.CALENDAR')}</span>
     </button>
 );
diff --git a/apps/web/app/helpers/date.ts b/apps/web/app/helpers/date.ts
index c038dceeb..3a0783f31 100644
--- a/apps/web/app/helpers/date.ts
+++ b/apps/web/app/helpers/date.ts
@@ -1,5 +1,6 @@
 import moment from 'moment';
 import * as momentTimezone from 'moment-timezone';
+import { TranslationHooks } from 'next-intl';
 
 const months: { [key: string]: string } = {
 	'01': 'January',
@@ -199,7 +200,7 @@ export function formatTimeString(timeString: string): string {
 	return result.length ? result : '0h 00m';
 }
 
-export const getGreeting = () => {
+export const getGreeting = (t: TranslationHooks) => {
 	const GREETING_TIMES = {
 		MORNING_START: 5,
 		AFTERNOON_START: 12,
@@ -208,10 +209,10 @@ export const getGreeting = () => {
 	const currentHour = new Date().getHours();
 
 	if (currentHour >= GREETING_TIMES.MORNING_START && currentHour < GREETING_TIMES.AFTERNOON_START) {
-		return "Good morning";
+		return t('pages.timesheet.GREETINGS.GOOD_MORNING');
 	} else if (currentHour >= GREETING_TIMES.AFTERNOON_START && currentHour < GREETING_TIMES.EVENING_START) {
-		return "Good afternoon";
+		return t('pages.timesheet.GREETINGS.GOOD_AFTERNOON');
 	} else {
-		return "Good evening";
+		return t('pages.timesheet.GREETINGS.GOOD_EVENING');
 	}
 }
diff --git a/apps/web/lib/features/integrations/calendar/table-time-sheet.tsx b/apps/web/lib/features/integrations/calendar/table-time-sheet.tsx
index 9ab1df2a2..5b6048ddf 100644
--- a/apps/web/lib/features/integrations/calendar/table-time-sheet.tsx
+++ b/apps/web/lib/features/integrations/calendar/table-time-sheet.tsx
@@ -60,6 +60,7 @@ import { statusColor } from "@/lib/components"
 import { Badge } from '@components/ui/badge'
 import { IDailyPlan } from "@/app/interfaces"
 import { StatusType, getTimesheetButtons } from "@/app/[locale]/timesheet/[memberId]/components"
+import { useTranslations } from "next-intl"
 
 
 
@@ -90,7 +91,7 @@ export const columns: ColumnDef<TimeSheet>[] = [
                     onCheckedChange={(value) => row.toggleSelected(!!value)}
                     aria-label="Select row"
                 />
-                <span className="capitalize !text-sm break-words whitespace-break-spaces sm:text-base !truncate !overflow-hidden">{row.original.id}</span>
+                <span className="capitalize !text-sm break-words whitespace-break-spaces sm:text-base !truncate !overflow-hidden">{row.original.task}</span>
             </div>
         ),
     },
@@ -174,6 +175,7 @@ export const columns: ColumnDef<TimeSheet>[] = [
 
 
 export function DataTableTimeSheet({ data }: { data?: IDailyPlan[] }) {
+    const t = useTranslations();
     const [sorting, setSorting] = React.useState<SortingState>([])
     const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([])
     const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({})
@@ -247,7 +249,7 @@ export function DataTableTimeSheet({ data }: { data?: IDailyPlan[] }) {
                                                 </Badge>
                                             </div>
                                             <div className="flex items-center gap-2 p-x-1">
-                                                {getTimesheetButtons(status as StatusType)}
+                                                {getTimesheetButtons(status as StatusType, t)}
                                             </div>
                                         </div>
                                     </AccordionTrigger>
@@ -421,6 +423,7 @@ const TaskDetails = ({ description, name }: { description: string; name: string
 };
 
 export const StatusTask = () => {
+    const t = useTranslations();
     return (
         <>
             <DropdownMenuSub>
@@ -448,12 +451,12 @@ export const StatusTask = () => {
                     <DropdownMenuSubContent>
                         <DropdownMenuItem textValue={'Oui'} className="cursor-pointer">
                             <div className="flex items-center gap-3">
-                                <span>Oui</span>
+                                <span>{t('pages.timesheet.BILLABLE.YES')}</span>
                             </div>
                         </DropdownMenuItem>
                         <DropdownMenuItem textValue={'No'} className="cursor-pointer">
                             <div className="flex items-center gap-3">
-                                <span>No</span>
+                                <span>{t('pages.timesheet.BILLABLE.NO')}</span>
                             </div>
                         </DropdownMenuItem>
                     </DropdownMenuSubContent>
diff --git a/apps/web/locales/ar.json b/apps/web/locales/ar.json
index bdec23370..83d083624 100644
--- a/apps/web/locales/ar.json
+++ b/apps/web/locales/ar.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "نحن تحت الصيانة",
 			"HEADING_DESCRIPTION": "نقوم حاليًا بتحديث موقعنا الإلكتروني لخدمتك بشكل أفضل. يرجى التحقق مرة أخرى في وقت لاحق."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "سجل الساعات",
+			"TIMESHEET_VIEW_DETAILS": "عرض التفاصيل",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "الموافقة على المحدد",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "رفض المحدد",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "حذف المحدد",
+			"HEADING_DESCRIPTION": "هذا هو لوحة المعلومات الشخصية الخاصة بك، تظهر لك ما يحتاج إلى انتباهك الآن.",
+			"GREETINGS": {
+				"GOOD_MORNING": "صباح الخير",
+				"GOOD_AFTERNOON": "مساء الخير",
+				"GOOD_EVENING": "مساء الخير"
+			},
+			"VIEWS": {
+				"LIST": "عرض القائمة",
+				"CALENDAR": "عرض التقويم"
+			},
+			"BILLABLE": {
+				"YES": "نعم",
+				"NO": "لا"
+			},
+			"LOADING": "جارٍ تحميل بيانات سجل الزمن...",
+			"NO_ENTRIES_FOUND": "لم يتم العثور على إدخالات سجل الزمن"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/bg.json b/apps/web/locales/bg.json
index 212bbb4f6..691dedbf5 100644
--- a/apps/web/locales/bg.json
+++ b/apps/web/locales/bg.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Ние сме в процес на поддръжка",
 			"HEADING_DESCRIPTION": "В момента актуализираме нашия уебсайт, за да ви служим по-добре. Моля, проверете отново по-късно."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Таблица на часовете",
+			"TIMESHEET_VIEW_DETAILS": "Преглед на детайлите",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Одобрете избраното",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Отхвърлете избраното",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Изтрийте избраното",
+			"HEADING_DESCRIPTION": "Това е вашата лична табло на часовете, показваща какво изисква вашето внимание сега.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Добро утро",
+				"GOOD_AFTERNOON": "Добър следобед",
+				"GOOD_EVENING": "Добър вечер"
+			},
+			"VIEWS": {
+				"LIST": "Списъчен изглед",
+				"CALENDAR": "Календарен изглед"
+			},
+			"BILLABLE": {
+				"YES": "Да",
+				"NO": "Не"
+			},
+			"LOADING": "Зареждане на данни за таблицата на работното време...",
+			"NO_ENTRIES_FOUND": "Няма намерени записи за таблицата на работното време"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/de.json b/apps/web/locales/de.json
index f8a4ee4ed..a0e5e703a 100644
--- a/apps/web/locales/de.json
+++ b/apps/web/locales/de.json
@@ -547,8 +547,31 @@
 			"HEADING_DESCRIPTION": "If the problem persists, send a distress signal to our support team."
 		},
 		"maintenance": {
-			"HEADING_TITLE": "We zijn in onderhoud ",
-			"HEADING_DESCRIPTION": "Momenteel zijn wij onze website aan het vernieuwen om u nog beter van dienst te kunnen zijn. Kom later nog eens terug."
+			"HEADING_TITLE": "Wir führen Wartungsarbeiten durch",
+			"HEADING_DESCRIPTION": "Wir aktualisieren derzeit unsere Website, um Ihnen einen noch besseren Service bieten zu können. Bitte versuchen Sie es später erneut."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Zeiterfassung",
+			"TIMESHEET_VIEW_DETAILS": "Details anzeigen",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Ausgewählte genehmigen",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Ausgewählte ablehnen",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Ausgewählte löschen",
+			"HEADING_DESCRIPTION": "Dies ist Ihr persönliches Zeiterfassungs-Dashboard, das Ihnen zeigt, was jetzt Ihre Aufmerksamkeit erfordert.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Guten Morgen",
+				"GOOD_AFTERNOON": "Guten Nachmittag",
+				"GOOD_EVENING": "Guten Abend"
+			},
+			"VIEWS": {
+				"LIST": "Listenansicht",
+				"CALENDAR": "Kalenderansicht"
+			},
+			"BILLABLE": {
+				"YES": "Ja",
+				"NO": "Nein"
+			},
+			"LOADING": "Lade Zeiterfassungsdaten...",
+			"NO_ENTRIES_FOUND": "Keine Zeiterfassungseinträge gefunden"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/en.json b/apps/web/locales/en.json
index 6a6a5eb34..dfb46581c 100644
--- a/apps/web/locales/en.json
+++ b/apps/web/locales/en.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "We are Under Maintenance",
 			"HEADING_DESCRIPTION": "We are updating our website to serve you better. Please check back later."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Timesheet",
+			"TIMESHEET_VIEW_DETAILS": "View Details",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Approve selected",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Reject selected",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Delete selected",
+			"HEADING_DESCRIPTION": "This is your personal timesheet dashboard, showing you what needs your attention now.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Good morning",
+				"GOOD_AFTERNOON": "Good afternoon",
+				"GOOD_EVENING": "Good evening"
+			},
+			"VIEWS": {
+				"LIST": "List View",
+				"CALENDAR": "Calendar View"
+			},
+			"BILLABLE": {
+				"YES": "Yes",
+				"NO": "No"
+			},
+			"LOADING": "Loading timesheet data...",
+			"NO_ENTRIES_FOUND": "No timesheet entries found"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/es.json b/apps/web/locales/es.json
index 0eaea9f01..5502d47b5 100644
--- a/apps/web/locales/es.json
+++ b/apps/web/locales/es.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Estamos en Mantenimiento",
 			"HEADING_DESCRIPTION": "Actualmente estamos actualizando nuestro sitio web para brindarle un mejor servicio. Por favor, vuelva más tarde."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Hoja de horas",
+			"TIMESHEET_VIEW_DETAILS": "Ver detalles",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Aprobar seleccionados",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Rechazar seleccionados",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Eliminar seleccionados",
+			"HEADING_DESCRIPTION": "Este es tu panel personal de hoja de horas, que muestra lo que necesita tu atención ahora.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Buenos días",
+				"GOOD_AFTERNOON": "Buenas tardes",
+				"GOOD_EVENING": "Buenas noches"
+			},
+			"VIEWS": {
+				"LIST": "Vista de lista",
+				"CALENDAR": "Vista de calendario"
+			},
+			"BILLABLE": {
+				"YES": "Sí",
+				"NO": "No"
+			},
+			"LOADING": "Cargando datos del registro de horas...",
+			"NO_ENTRIES_FOUND": "No se encontraron entradas en el registro de horas"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/fr.json b/apps/web/locales/fr.json
index a3e544ac3..ffbd13c0a 100644
--- a/apps/web/locales/fr.json
+++ b/apps/web/locales/fr.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Nous sommes en cours de maintenance",
 			"HEADING_DESCRIPTION": "Nous mettons actuellement à jour notre site Web pour mieux vous servir. Veuillez revenir plus tard."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Feuille de temps",
+			"TIMESHEET_VIEW_DETAILS": "Voir les détails",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Approuver sélectionné",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Rejeter sélectionné",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Supprimer sélectionné",
+			"HEADING_DESCRIPTION": "Ceci est votre tableau de bord de feuille de temps personnel, montrant ce qui nécessite votre attention maintenant.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Bonjour",
+				"GOOD_AFTERNOON": "Bon après-midi",
+				"GOOD_EVENING": "Bonsoir"
+			},
+			"VIEWS": {
+				"LIST": "Vue en liste",
+				"CALENDAR": "Vue calendrier"
+			},
+			"BILLABLE": {
+				"YES": "Oui",
+				"NO": "Non"
+			},
+			"LOADING": "Chargement des données de la feuille de temps...",
+			"NO_ENTRIES_FOUND": "Aucune entrée de feuille de temps trouvée"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/he.json b/apps/web/locales/he.json
index 244cb1a47..c66276ce6 100644
--- a/apps/web/locales/he.json
+++ b/apps/web/locales/he.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "אנחנו בשלבי תחזוקה ",
 			"HEADING_DESCRIPTION": "אנו מעדכנים כעת את האתר שלנו כדי לשרת אותך טוב יותר. אנא בדוק שוב מאוחר יותר."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "דוח שעות",
+			"TIMESHEET_VIEW_DETAILS": "ראה פרטים",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "אשר נבחרים",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "דחה נבחרים",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "מחק נבחרים",
+			"HEADING_DESCRIPTION": "זהו לוח הבקרה האישי שלך לדוח שעות, שמראה לך מה דורש את תשומת הלב שלך עכשיו.",
+			"GREETINGS": {
+				"GOOD_MORNING": "בוקר טוב",
+				"GOOD_AFTERNOON": "אחר הצהריים טובים",
+				"GOOD_EVENING": "ערב טוב"
+			},
+			"VIEWS": {
+				"LIST": "תצוגת רשימה",
+				"CALENDAR": "תצוגת לוח שנה"
+			},
+			"BILLABLE": {
+				"YES": "כן",
+				"NO": "לא"
+			},
+			"LOADING": "טוען נתוני רשומת זמן...",
+			"NO_ENTRIES_FOUND": "לא נמצאו רשומות זמן"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/it.json b/apps/web/locales/it.json
index 1967352cb..f33c63449 100644
--- a/apps/web/locales/it.json
+++ b/apps/web/locales/it.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Siamo in manutenzione",
 			"HEADING_DESCRIPTION": "Stiamo attualmente aggiornando il nostro sito web per servirti meglio. Per favore controllare più tardi."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Foglio presenze",
+			"TIMESHEET_VIEW_DETAILS": "Visualizza dettagli",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Approva selezionati",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Rifiuta selezionati",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Elimina selezionati",
+			"HEADING_DESCRIPTION": "Questo è il tuo cruscotto personale del foglio presenze, che mostra cosa richiede la tua attenzione adesso.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Buongiorno",
+				"GOOD_AFTERNOON": "Buon pomeriggio",
+				"GOOD_EVENING": "Buona sera"
+			},
+			"VIEWS": {
+				"LIST": "Visualizzazione elenco",
+				"CALENDAR": "Visualizzazione calendario"
+			},
+			"BILLABLE": {
+				"YES": "Sì",
+				"NO": "No"
+			},
+			"LOADING": "Caricamento dati della registrazione ore...",
+			"NO_ENTRIES_FOUND": "Nessuna voce di registrazione ore trovata"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/nl.json b/apps/web/locales/nl.json
index dbd56de8c..8ea73e7ce 100644
--- a/apps/web/locales/nl.json
+++ b/apps/web/locales/nl.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Wij zijn in onderhoud",
 			"HEADING_DESCRIPTION": "Momenteel zijn wij onze website aan het vernieuwen om u nog beter van dienst te kunnen zijn. Kom later nog eens terug."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Urenregistratie",
+			"TIMESHEET_VIEW_DETAILS": "Bekijk details",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Goedkeuren geselecteerde",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Afwijzen geselecteerde",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Verwijder geselecteerde",
+			"HEADING_DESCRIPTION": "Dit is jouw persoonlijke urenregistratie-dashboard, dat laat zien wat jouw aandacht nu vereist.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Goedemorgen",
+				"GOOD_AFTERNOON": "Goedemiddag",
+				"GOOD_EVENING": "Goedenavond"
+			},
+			"VIEWS": {
+				"LIST": "Lijstweergave",
+				"CALENDAR": "Kalenderweergave"
+			},
+			"BILLABLE": {
+				"YES": "Ja",
+				"NO": "Nee"
+			},
+			"LOADING": "Tijdregistratiegegevens laden...",
+			"NO_ENTRIES_FOUND": "Geen tijdregistratie-invoeren gevonden"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/pl.json b/apps/web/locales/pl.json
index c63478c43..4dbbaa5a1 100644
--- a/apps/web/locales/pl.json
+++ b/apps/web/locales/pl.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Jesteśmy w trakcie konserwacji",
 			"HEADING_DESCRIPTION": "Obecnie aktualizujemy naszą stronę internetową, aby lepiej Ci służyć. Sprawdź ponownie później."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Arkusz czasu",
+			"TIMESHEET_VIEW_DETAILS": "Zobacz szczegóły",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Zatwierdź zaznaczone",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Odrzuć zaznaczone",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Usuń zaznaczone",
+			"HEADING_DESCRIPTION": "To jest Twoje osobiste dashboard arkusza czasu, pokazujące, co wymaga Twojej uwagi teraz.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Dzień dobry",
+				"GOOD_AFTERNOON": "Dobry wieczór",
+				"GOOD_EVENING": "Dobry wieczór"
+			},
+			"VIEWS": {
+				"LIST": "Widok listy",
+				"CALENDAR": "Widok kalendarza"
+			},
+			"BILLABLE": {
+				"YES": "Tak",
+				"NO": "Nie"
+			},
+			"LOADING": "Ładowanie danych rejestru czasu...",
+			"NO_ENTRIES_FOUND": "Nie znaleziono żadnych wpisów w rejestrze czasu"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/pt.json b/apps/web/locales/pt.json
index 91ed9959b..504c398d7 100644
--- a/apps/web/locales/pt.json
+++ b/apps/web/locales/pt.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Estamos em manutenção",
 			"HEADING_DESCRIPTION": "Estamos atualizando nosso site para melhor atendê-lo. Por favor, volte mais tarde."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Folha de ponto",
+			"TIMESHEET_VIEW_DETAILS": "Ver detalhes",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Aprovar selecionados",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Rejeitar selecionados",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Excluir selecionados",
+			"HEADING_DESCRIPTION": "Este é o seu painel de controle pessoal de folha de ponto, mostrando o que precisa da sua atenção agora.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Bom dia",
+				"GOOD_AFTERNOON": "Boa tarde",
+				"GOOD_EVENING": "Boa noite"
+			},
+			"VIEWS": {
+				"LIST": "Visualização em lista",
+				"CALENDAR": "Visualização em calendário"
+			},
+			"BILLABLE": {
+				"YES": "Sim",
+				"NO": "Não"
+			},
+			"LOADING": "Загрузка данных учета рабочего времени...",
+			"NO_ENTRIES_FOUND": "Записи учета рабочего времени не найдены"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/ru.json b/apps/web/locales/ru.json
index fe3e0d40b..a4f68ed9f 100644
--- a/apps/web/locales/ru.json
+++ b/apps/web/locales/ru.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "Мы на обслуживании ",
 			"HEADING_DESCRIPTION": "В настоящее время мы обновляем наш веб-сайт, чтобы лучше обслуживать вас. Пожалуйста, зайдите позже."
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "Учёт рабочего времени",
+			"TIMESHEET_VIEW_DETAILS": "Просмотреть детали",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "Одобрить выбранные",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "Отклонить выбранные",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "Удалить выбранные",
+			"HEADING_DESCRIPTION": "Это ваша личная панель учёта рабочего времени, показывающая, что требует вашего внимания сейчас.",
+			"GREETINGS": {
+				"GOOD_MORNING": "Доброе утро",
+				"GOOD_AFTERNOON": "Добрый день",
+				"GOOD_EVENING": "Добрый вечер"
+			},
+			"VIEWS": {
+				"LIST": "Список",
+				"CALENDAR": "Календарь"
+			},
+			"BILLABLE": {
+				"YES": "Да",
+				"NO": "Нет"
+			},
+			"LOADING": "Загрузка данных учета времени...",
+			"NO_ENTRIES_FOUND": "Записи учета времени не найдены"
 		}
 	},
 	"timer": {
diff --git a/apps/web/locales/zh.json b/apps/web/locales/zh.json
index 6861f64ce..b3e8d1cdc 100644
--- a/apps/web/locales/zh.json
+++ b/apps/web/locales/zh.json
@@ -549,6 +549,29 @@
 		"maintenance": {
 			"HEADING_TITLE": "我們正在維護中",
 			"HEADING_DESCRIPTION": "目前，我們正在更新我們的網站，以便更好地為您服務。請稍後再回來查看。"
+		},
+		"timesheet": {
+			"TIMESHEET_TITLE": "工时表",
+			"TIMESHEET_VIEW_DETAILS": "查看详情",
+			"TIMESHEET_ACTION_APPROVE_SELECTED": "批准选定的",
+			"TIMESHEET_ACTION_REJECT_SELECTED": "拒绝选定的",
+			"TIMESHEET_ACTION_DELETE_SELECTED": "删除选定的",
+			"HEADING_DESCRIPTION": "这是您的个人工时表仪表板，显示需要您注意的事项。",
+			"GREETINGS": {
+				"GOOD_MORNING": "早上好",
+				"GOOD_AFTERNOON": "下午好",
+				"GOOD_EVENING": "晚上好"
+			},
+			"VIEWS": {
+				"LIST": "列表视图",
+				"CALENDAR": "日历视图"
+			},
+			"BILLABLE": {
+				"YES": "是",
+				"NO": "否"
+			},
+			"LOADING": "Cargando datos de registro de horas...",
+			"NO_ENTRIES_FOUND": "No se encontraron entradas de registro de horas"
 		}
 	},
 	"timer": {