[Feat(i18n)]: add translations for productivity table (#3617)

* feat(i18n): add translations for productivity table - Add new translation keys for productivity table headers and messages - Implement translations in ProductivityTable component - Add translations in all supported languages (ar, bg, de, en, es, fr, he, it, nl, pl, pt, ru, zh) - Improve UI by making progress bar full width - Replace hardcoded English text with translation keys * feat(activity): initialize date range to current month
ever-co · Feb 23, 2025 · 9d54e21 · 9d54e21
1 parent b3e03fe
commit 9d54e21
Show file tree

Hide file tree

Showing 15 changed files with 85 additions and 15 deletions.
diff --git a/apps/web/app/[locale]/dashboard/app-url/components/ProductivityTable.tsx b/apps/web/app/[locale]/dashboard/app-url/components/ProductivityTable.tsx
@@ -7,6 +7,7 @@ import { Card } from '@components/ui/card';
 import { format } from 'date-fns';
 import { IActivityReport, IActivityReportGroupByDate, IActivityItem } from '@app/interfaces/activity/IActivityReport';
 import React from 'react';
+import { useTranslations } from 'next-intl';
 
 export function ProductivityTable({
   data,
@@ -16,18 +17,18 @@ export function ProductivityTable({
   isLoading?: boolean;
 }) {
   const reportData = data as IActivityReportGroupByDate[] | undefined;
-
+ const t=useTranslations();
   if (isLoading) {
     return (
       <Card className="bg-white rounded-md border border-gray-100 dark:border-gray-700 dark:bg-dark--theme-light min-h-[600px]">
         <Table>
           <TableHeader>
             <TableRow>
-              <TableHead>Member</TableHead>
-              <TableHead>Project</TableHead>
-              <TableHead>Application</TableHead>
-              <TableHead>Time Spent</TableHead>
-              <TableHead>Percent used</TableHead>
+              <TableHead>{t('common.MEMBER')}</TableHead>
+              <TableHead>{t('sidebar.PROJECTS')}</TableHead>
+              <TableHead>{t('common.APPLICATION')}</TableHead>
+              <TableHead>{t('common.TIME_SPENT')}</TableHead>
+              <TableHead>{t('common.PERCENT_USED')}</TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
@@ -55,8 +56,8 @@ export function ProductivityTable({
     return (
       <Card className="bg-white rounded-md border border-gray-100 dark:border-gray-700 dark:bg-dark--theme-light min-h-[600px] flex items-center justify-center">
         <div className="text-center text-gray-500 dark:text-gray-400">
-          <p className="text-lg font-medium">No activity data available</p>
-          <p className="text-sm">Select a different date range or check back later</p>
+          <p className="text-lg font-medium">{t('common.NO_ACTIVITY_DATA')}</p>
+          <p className="text-sm">{t('common.SELECT_DIFFERENT_DATE')}</p>
         </div>
       </Card>
     );
@@ -67,11 +68,11 @@ export function ProductivityTable({
       <Table>
         <TableHeader>
           <TableRow>
-            <TableHead>Member</TableHead>
-            <TableHead>Project</TableHead>
-            <TableHead>Application</TableHead>
-            <TableHead>Time Spent</TableHead>
-            <TableHead>Percent used</TableHead>
+            <TableHead>{t('common.MEMBER')}</TableHead>
+            <TableHead>{t('sidebar.PROJECTS')}</TableHead>
+            <TableHead>{t('common.APPLICATION')}</TableHead>
+            <TableHead>{t('common.TIME_SPENT')}</TableHead>
+            <TableHead>{t('common.PERCENT_USED')}</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>

diff --git a/apps/web/app/hooks/features/useReportActivity.ts b/apps/web/app/hooks/features/useReportActivity.ts
@@ -33,6 +33,10 @@ export interface UseReportActivityProps
 	groupBy?: string;
 }
 
+const now = new Date();
+const firstDayOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+const lastDayOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+
 const defaultProps: Required<
 	Pick<
 		UseReportActivityProps,
@@ -48,8 +52,8 @@ const defaultProps: Required<
 		| 'teamIds'
 	>
 > = {
-	startDate: new Date().toISOString().split('T')[0],
-	endDate: new Date().toISOString().split('T')[0],
+	startDate: firstDayOfMonth.toISOString().split('T')[0],
+	endDate: lastDayOfMonth.toISOString().split('T')[0],
 	groupBy: 'date',
 	activityLevel: {
 		start: 0,

diff --git a/apps/web/locales/ar.json b/apps/web/locales/ar.json
@@ -1,6 +1,11 @@
 {
 	"TITLE": "إيفر تيمز",
 	"common": {
+		"APPLICATION": "تطبيق",
+		"TIME_SPENT": "الوقت المستغرق",
+		"PERCENT_USED": "النسبة المستخدمة",
+		"NO_ACTIVITY_DATA": "لا توجد بيانات نشاط متاحة",
+		"SELECT_DIFFERENT_DATE": "حدد نطاق تاريخ مختلف أو تحقق لاحقًا",
 		"PENDING_TASKS": "المهام المعلقة",
 		"SHOW_MORE": "عرض المزيد",
 		"TASKS": "المهام",

diff --git a/apps/web/locales/bg.json b/apps/web/locales/bg.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Бюджет на проекта"
 	},
 	"common": {
+		"APPLICATION": "Приложение",
+		"TIME_SPENT": "Изразходвано време",
+		"PERCENT_USED": "Използван процент",
+		"NO_ACTIVITY_DATA": "Няма налични данни за активност",
+		"SELECT_DIFFERENT_DATE": "Изберете различен период или проверете по-късно",
 		"PENDING_TASKS": "Чакащи задачи",
 		"SHOW_MORE": "Покажи още",
 		"TASKS": "Задачи",

diff --git a/apps/web/locales/de.json b/apps/web/locales/de.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Projektbudget"
 	},
 	"common": {
+	    "APPLICATION": "Anwendung",
+		"TIME_SPENT": "Verbrachte Zeit",
+		"PERCENT_USED": "Prozentsatz genutzt",
+		"NO_ACTIVITY_DATA": "Keine Aktivitätsdaten verfügbar",
+		"SELECT_DIFFERENT_DATE": "Wählen Sie einen anderen Zeitraum oder kommen Sie später zurück",
 		"PENDING_TASKS": "Ausstehende Aufgaben",
 		"SHOW_MORE": "Mehr anzeigen",
 		"TASKS": "Aufgaben",

diff --git a/apps/web/locales/en.json b/apps/web/locales/en.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Project Budget"
 	},
 	"common": {
+		"APPLICATION": "Application",
+		"TIME_SPENT": "Time Spent",
+		"PERCENT_USED": "Percent Used",
+		"NO_ACTIVITY_DATA": "No activity data available",
+		"SELECT_DIFFERENT_DATE": "Select a different date range or check back later",
 		"PENDING_TASKS": "Pending Tasks",
 		"SHOW_MORE": "Show More",
 		"TASKS": "Tasks",

diff --git a/apps/web/locales/es.json b/apps/web/locales/es.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Presupuesto del Proyecto"
 	},
 	"common": {
+		"APPLICATION": "Aplicación",
+		"TIME_SPENT": "Tiempo empleado",
+		"PERCENT_USED": "Porcentaje usado",
+		"NO_ACTIVITY_DATA": "No hay datos de actividad disponibles",
+		"SELECT_DIFFERENT_DATE": "Selecciona un rango de fechas diferente o vuelve más tarde",
 		"PENDING_TASKS": "Tareas pendientes",
 		"SHOW_MORE": "Mostrar más",
 		"TASKS": "Tareas",

diff --git a/apps/web/locales/fr.json b/apps/web/locales/fr.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Budget du projet"
 	},
 	"common": {
+		"APPLICATION": "Application",
+		"TIME_SPENT": "Temps passé",
+		"PERCENT_USED": "Pourcentage utilisé",
+		"NO_ACTIVITY_DATA": "Aucune donnée d'activité disponible",
+		"SELECT_DIFFERENT_DATE": "Sélectionnez une autre plage de dates ou revenez plus tard",
 		"PENDING_TASKS": "Tâches en attente",
 		"SHOW_MORE": "Voir plus",
 		"TASKS": "Tâches",

diff --git a/apps/web/locales/he.json b/apps/web/locales/he.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "תקציב פרויקט"
 	},
 	"common": {
+		"APPLICATION": "יישום",
+		"TIME_SPENT": "זמן שנוצל",
+		"PERCENT_USED": "אחוז בשימוש",
+		"NO_ACTIVITY_DATA": "אין נתוני פעילות זמינים",
+		"SELECT_DIFFERENT_DATE": "בחר טווח תאריכים אחר או בדוק מאוחר יותר",
 		"PENDING_TASKS": "משימות ממתינות",
 		"SHOW_MORE": "הצג עוד",
 		"TASKS": "משימות",

diff --git a/apps/web/locales/it.json b/apps/web/locales/it.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Budget di progetto"
 	},
 	"common": {
+		"APPLICATION": "Applicazione",
+		"TIME_SPENT": "Tempo trascorso",
+		"PERCENT_USED": "Percentuale utilizzata",
+		"NO_ACTIVITY_DATA": "Nessun dato di attività disponibile",
+		"SELECT_DIFFERENT_DATE": "Seleziona un intervallo di date diverso o riprova più tardi",
 		"PENDING_TASKS": "Compiti in sospeso",
 		"SHOW_MORE": "Mostra di più",
 		"TASKS": "Compiti",

diff --git a/apps/web/locales/nl.json b/apps/web/locales/nl.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Projectbudget"
 	},
 	"common": {
+		"APPLICATION": "Applicatie",
+		"TIME_SPENT": "Tijd besteed",
+		"PERCENT_USED": "Percentage gebruikt",
+		"NO_ACTIVITY_DATA": "Geen activiteitsgegevens beschikbaar",
+		"SELECT_DIFFERENT_DATE": "Selecteer een andere datumbereik of probeer later opnieuw",
 		"PENDING_TASKS": "In afwachting Taken",
 		"SHOW_MORE": "Meer weergeven",
 		"TASKS": "Taken",

diff --git a/apps/web/locales/pl.json b/apps/web/locales/pl.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Budżet projektu"
 	},
 	"common": {
+		"APPLICATION": "Aplikacja",
+		"TIME_SPENT": "Czas spędzony",
+		"PERCENT_USED": "Procent wykorzystany",
+		"NO_ACTIVITY_DATA": "Brak dostępnych danych o aktywności",
+		"SELECT_DIFFERENT_DATE": "Wybierz inny zakres dat lub sprawdź później",
 		"PENDING_TASKS": "Zadania oczekujące",
 		"SHOW_MORE": "Pokaż więcej",
 		"TASKS": "Zadania",

diff --git a/apps/web/locales/pt.json b/apps/web/locales/pt.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Orçamento do Projeto"
 	},
 	"common": {
+		"APPLICATION": "Aplicação",
+		"TIME_SPENT": "Tempo gasto",
+		"PERCENT_USED": "Percentagem utilizada",
+		"NO_ACTIVITY_DATA": "Nenhum dado de atividade disponível",
+		"SELECT_DIFFERENT_DATE": "Selecione um intervalo de datas diferente ou volte mais tarde",
 		"PENDING_TASKS": "Tarefas pendentes",
 		"SHOW_MORE": "Mostrar mais",
 		"TASKS": "Tarefas",

diff --git a/apps/web/locales/ru.json b/apps/web/locales/ru.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "Бюджет проекта"
 	},
 	"common": {
+		"APPLICATION": "Приложение",
+		"TIME_SPENT": "Потраченное время",
+		"PERCENT_USED": "Использованный процент",
+		"NO_ACTIVITY_DATA": "Данные о активности недоступны",
+		"SELECT_DIFFERENT_DATE": "Выберите другой диапазон дат или попробуйте позже",
 		"PENDING_TASKS": "Ожидающие задачи",
 		"SHOW_MORE": "Показать больше",
 		"TASKS": "Задачи",

diff --git a/apps/web/locales/zh.json b/apps/web/locales/zh.json
@@ -19,6 +19,11 @@
 		"PROJECT_BUDGET": "项目预算"
 	},
 	"common": {
+		"APPLICATION": "应用程序",
+		"TIME_SPENT": "使用时间",
+		"PERCENT_USED": "使用百分比",
+		"NO_ACTIVITY_DATA": "无可用活动数据",
+		"SELECT_DIFFERENT_DATE": "选择不同的日期范围或稍后再试",
 		"PENDING_TASKS": "待处理任务",
 		"SHOW_MORE": "显示更多",
 		"TASKS": "任务",