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 ( )} - {avatar && } {name} + {avatar && } {t(name)} ); }; 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 ( @@ -76,7 +78,7 @@ const VerticalTabItem = ({ )}
- {name} + {t(name)} {props.isExternalLink ? : null} {info && (