From fa58fe65637a60c406deeaecdcff99c39c3e31e2 Mon Sep 17 00:00:00 2001
From: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
Date: Wed, 5 Mar 2025 14:58:45 +0530
Subject: [PATCH] fix: tab item is not translated (#19735)

---
 packages/ui/components/navigation/tabs/HorizontalTabItem.tsx | 4 +++-
 packages/ui/components/navigation/tabs/VerticalTabItem.tsx   | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx b/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
index c974de3ab9..efe349b5b9 100644
--- a/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
+++ b/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
@@ -1,5 +1,6 @@
 import Link from "next/link";
 
+import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useUrlMatchesCurrentUrl } from "@calcom/lib/hooks/useUrlMatchesCurrentUrl";
 import classNames from "@calcom/ui/classNames";
 
@@ -33,6 +34,7 @@ const HorizontalTabItem = function ({
   ...props
 }: HorizontalTabItemProps) {
   const isCurrent = useUrlMatchesCurrentUrl(href, matchFullPath) || props?.isActive;
+  const { t } = useLocale();
 
   return (
     <Link
@@ -63,7 +65,7 @@ const HorizontalTabItem = function ({
           aria-hidden="true"
         />
       )}
-      {avatar && <Avatar size="xs" imageSrc={avatar} alt="avatar" className="-ml-0.5 me-1" />} {name}
+      {avatar && <Avatar size="xs" imageSrc={avatar} alt="avatar" className="-ml-0.5 me-1" />} {t(name)}
     </Link>
   );
 };
diff --git a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx b/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
index 1663a44300..179048ccdd 100644
--- a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
+++ b/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
@@ -1,6 +1,7 @@
 import Link from "next/link";
 import { Fragment } from "react";
 
+import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useUrlMatchesCurrentUrl } from "@calcom/lib/hooks/useUrlMatchesCurrentUrl";
 import classNames from "@calcom/ui/classNames";
 
@@ -40,6 +41,7 @@ const VerticalTabItem = ({
   ...props
 }: VerticalTabItemProps) => {
   const isCurrent = useUrlMatchesCurrentUrl(href) || props?.isActive;
+  const { t } = useLocale();
 
   return (
     <Fragment key={name}>
@@ -76,7 +78,7 @@ const VerticalTabItem = ({
             )}
             <div className="h-fit min-w-0 flex-1">
               <span className="flex items-center gap-2">
-                {name}
+                {t(name)}
                 {props.isExternalLink ? <Icon name="external-link" data-testid="external-link" /> : null}
               </span>
               {info && (