add: translate github calendar

Author: MussiDev

components/github-calendar.tsx

@@ -9,6 +9,7 @@ import {
 } from "@/components/ui/tooltip"
 import { useSettingsContext } from '@/contexts/SettingsContext'
 import { getColorByAmountAndBaseColor } from '@/utils/styling'
+import { useTranslations, useLocale } from 'next-intl'
 
 
 interface TaskActivity {
@@ -24,6 +25,8 @@ interface GitHubCalendarProps {
 }
 
 export function GitHubCalendar({ data, theme, color }: GitHubCalendarProps) {
+  const t = useTranslations("githubCalendar");
+  const locale = useLocale();
   const {date} = useSettingsContext()
   const weeks = useMemo(() => {
     const startOfYear = new Date(date.getFullYear(), 0, 1)
@@ -75,14 +78,14 @@ export function GitHubCalendar({ data, theme, color }: GitHubCalendarProps) {
                   </TooltipTrigger>
                   <TooltipContent>
                     <p>
-                      {day.date.toLocaleDateString('es-ES', { 
-                        weekday: 'long', 
-                        year: 'numeric', 
-                        month: 'long', 
-                        day: 'numeric' 
+                      {day.date.toLocaleDateString(locale === 'es' ? 'es-ES' : 'en-US', {
+                        weekday: 'long',
+                        year: 'numeric',
+                        month: 'long',
+                        day: 'numeric'
                       })}
                     </p>
-                    <p>{day.count} tasks completed</p>
+                    <p>{t("tasksCompleted", { count: day.count })}</p>
                   </TooltipContent>
                 </Tooltip>
               ))}

messages/en.json

@@ -882,6 +882,9 @@
 			"thisWeek": "+{change}% this week"
 		}
 	},
+	"githubCalendar": {
+		"tasksCompleted": "{count} tasks completed"
+	},
 	"dailySummary": {
 		"pendingTasks": {
 			"title": "Pending Tasks",

messages/es.json

@@ -882,6 +882,9 @@
 			"thisWeek": "+{change}% esta semana"
 		}
 	},
+	"githubCalendar": {
+		"tasksCompleted": "{count} tareas completadas"
+	},
 	"dailySummary": {
 		"pendingTasks": {
 			"title": "Tareas Pendientes",