Using I18 keys in Project Menu Components

All-Hands-AI · Nov 26, 2024 · e513a2d · e513a2d
1 parent 775faed
commit e513a2d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/components/project-menu/ProjectMenuCard.tsx b/frontend/src/components/project-menu/ProjectMenuCard.tsx
@@ -39,6 +39,8 @@ export function ProjectMenuCard({
     setContextMenuIsOpen((prev) => !prev);
   };
 
+  const { t } = useTranslation();
+
   const handlePushToGitHub = () => {
     posthog.capture("push_to_github_button_clicked");
     const rawEvent = {
@@ -99,7 +101,7 @@ Please push the changes to GitHub and open a pull request.
       <button
         type="button"
         onClick={toggleMenuVisibility}
-        aria-label="Open project menu"
+        aria-label={t(I18nKey.PROJECT_MENU$OPEN)}
       >
         {working ? (
           <LoadingSpinner size="small" />

diff --git a/frontend/src/components/project-menu/project-menu-details-placeholder.tsx b/frontend/src/components/project-menu/project-menu-details-placeholder.tsx
@@ -30,7 +30,9 @@ export function ProjectMenuDetailsPlaceholder({
             "hover:underline hover:underline-offset-2",
           )}
         >
-          {!isConnectedToGitHub ? "Connect to GitHub" : "Connected"}
+          {!isConnectedToGitHub
+            ? t(I18nKey.PROJECT_MENU$CONNECT_GITHUB)
+            : t(I18nKey.PROJECT_MENU$CONNECTED)}
           <CloudConnection width={12} height={12} />
         </span>
       </button>