-
STDOUT/STDERR
+
+ {t(I18nKey.JUPYTER$OUTPUT_LABEL)}
+
}
{!isLoading && !avatarUrl && (
diff --git a/frontend/src/components/features/suggestions/import-project-suggestion-box.tsx b/frontend/src/components/features/suggestions/import-project-suggestion-box.tsx
index e76317001a01..5953e0fc620e 100644
--- a/frontend/src/components/features/suggestions/import-project-suggestion-box.tsx
+++ b/frontend/src/components/features/suggestions/import-project-suggestion-box.tsx
@@ -1,3 +1,5 @@
+import { useTranslation } from "react-i18next";
+import { I18nKey } from "#/i18n/declaration";
import { SuggestionBox } from "./suggestion-box";
interface ImportProjectSuggestionBoxProps {
@@ -7,13 +9,14 @@ interface ImportProjectSuggestionBoxProps {
export function ImportProjectSuggestionBox({
onChange,
}: ImportProjectSuggestionBoxProps) {
+ const { t } = useTranslation();
return (
- Upload a .zip
+ {t(I18nKey.LANDING$UPLOAD_ZIP)}
void;
onRefresh: () => void;
}
@@ -12,6 +14,7 @@ export function SuggestionBubble({
onClick,
onRefresh,
}: SuggestionBubbleProps) {
+ const { t } = useTranslation();
const handleRefresh = (e: React.MouseEvent) => {
e.stopPropagation();
onRefresh();
@@ -24,7 +27,7 @@ export function SuggestionBubble({
>
- {suggestion}
+ {t(suggestion.key as I18nKey)}
diff --git a/frontend/src/components/features/suggestions/suggestion-item.tsx b/frontend/src/components/features/suggestions/suggestion-item.tsx
index 1d685a069803..9b7705958bbb 100644
--- a/frontend/src/components/features/suggestions/suggestion-item.tsx
+++ b/frontend/src/components/features/suggestions/suggestion-item.tsx
@@ -1,4 +1,7 @@
-export type Suggestion = { label: string; value: string };
+import { useTranslation } from "react-i18next";
+import { I18nKey } from "#/i18n/declaration";
+
+export type Suggestion = { label: I18nKey | string; value: string };
interface SuggestionItemProps {
suggestion: Suggestion;
@@ -6,6 +9,7 @@ interface SuggestionItemProps {
}
export function SuggestionItem({ suggestion, onClick }: SuggestionItemProps) {
+ const { t } = useTranslation();
return (
-
App
+
{t(I18nKey.APP$TITLE)}
BETA
{activeHost &&
}
diff --git a/frontend/src/components/shared/action-tooltip.tsx b/frontend/src/components/shared/action-tooltip.tsx
index eb2053a7bdf4..9111269067a4 100644
--- a/frontend/src/components/shared/action-tooltip.tsx
+++ b/frontend/src/components/shared/action-tooltip.tsx
@@ -22,7 +22,11 @@ export function ActionTooltip({ type, onClick }: ActionTooltipProps) {
diff --git a/frontend/src/components/shared/hero-heading.tsx b/frontend/src/components/shared/hero-heading.tsx
index f8dea1f89697..22dd254d865c 100644
--- a/frontend/src/components/shared/hero-heading.tsx
+++ b/frontend/src/components/shared/hero-heading.tsx
@@ -1,24 +1,26 @@
+import { useTranslation } from "react-i18next";
import BuildIt from "#/icons/build-it.svg?react";
+import { I18nKey } from "#/i18n/declaration";
export function HeroHeading() {
+ const { t } = useTranslation();
return (
- Let's Start Building!
+ {t(I18nKey.LANDING$TITLE)}
- OpenHands makes it easy to build and maintain software using a simple
- prompt.{" "}
+ {t(I18nKey.LANDING$SUBTITLE)}{" "}
- Not sure how to start?{" "}
+ {t(I18nKey.LANDING$START_HELP)}{" "}
- Read this
+ {t(I18nKey.LANDING$START_HELP_LINK)}
diff --git a/frontend/src/components/shared/inputs/api-key-input.tsx b/frontend/src/components/shared/inputs/api-key-input.tsx
index 7bdafb90bd1e..0b3ff3462ab3 100644
--- a/frontend/src/components/shared/inputs/api-key-input.tsx
+++ b/frontend/src/components/shared/inputs/api-key-input.tsx
@@ -22,14 +22,14 @@ export function APIKeyInput({ isDisabled, isSet }: APIKeyInputProps) {
{!isSet && (
)}
- {t(I18nKey.SETTINGS_FORM$API_KEY_LABEL)}
+ {t(I18nKey.API$KEY)}
- {t(I18nKey.SETTINGS_FORM$DONT_KNOW_API_KEY_LABEL)}{" "}
+ {t(I18nKey.API$DONT_KNOW_KEY)}{" "}
- {t(I18nKey.SETTINGS_FORM$CLICK_HERE_FOR_INSTRUCTIONS_LABEL)}
+ {t(I18nKey.COMMON$CLICK_FOR_INSTRUCTIONS)}
diff --git a/frontend/src/components/shared/modals/account-settings/account-settings-form.tsx b/frontend/src/components/shared/modals/account-settings/account-settings-form.tsx
index 6e1363274944..6f805829bda2 100644
--- a/frontend/src/components/shared/modals/account-settings/account-settings-form.tsx
+++ b/frontend/src/components/shared/modals/account-settings/account-settings-form.tsx
@@ -64,7 +64,7 @@ export function AccountSettingsForm({