diff --git a/i18n/en_US.yaml b/i18n/en_US.yaml
index 39bdb986..2d62306c 100644
--- a/i18n/en_US.yaml
+++ b/i18n/en_US.yaml
@@ -1052,6 +1052,11 @@ ui:
plugins: Plugins
installed_plugins: Installed Plugins
website_welcome: Welcome to {{site_name}}
+ plugins:
+ oauth:
+ connect: Connect with {{ auth_name }}
+ remove: Remove {{ auth_name }}
+
admin:
admin_header:
title: Admin
diff --git a/ui/src/pages/Users/Settings/Account/components/MyLogins/index.tsx b/ui/src/pages/Users/Settings/Account/components/MyLogins/index.tsx
index 74fb662e..b39d8d23 100644
--- a/ui/src/pages/Users/Settings/Account/components/MyLogins/index.tsx
+++ b/ui/src/pages/Users/Settings/Account/components/MyLogins/index.tsx
@@ -14,6 +14,10 @@ const Index = () => {
keyPrefix: 'settings.my_logins',
});
+ const { t: t2 } = useTranslation('translation', {
+ keyPrefix: 'plugins.oauth',
+ });
+
const deleteLogins = (e, item) => {
if (!item.binding) {
return;
@@ -57,7 +61,12 @@ const Index = () => {
height={16}
className="btnSvg me-2"
/>
- {item.name}
+
+ {' '}
+ {t2(item.binding ? 'remove' : 'connect', {
+ auth_name: item.name,
+ })}
+
);
diff --git a/ui/src/plugins/PluginOauth/index.tsx b/ui/src/plugins/PluginOauth/index.tsx
index 1acea3b8..942a3424 100644
--- a/ui/src/plugins/PluginOauth/index.tsx
+++ b/ui/src/plugins/PluginOauth/index.tsx
@@ -1,5 +1,6 @@
import { memo, FC } from 'react';
import { Button } from 'react-bootstrap';
+import { useTranslation } from 'react-i18next';
import classnames from 'classnames';
@@ -9,6 +10,7 @@ interface Props {
className?: string;
}
const Index: FC = ({ className }) => {
+ const { t } = useTranslation('translation', { keyPrefix: 'plugins.oauth' });
const { data } = useGetStartUseOauthConnector();
if (!data?.length) return null;
@@ -24,7 +26,7 @@ const Index: FC = ({ className }) => {
height={16}
className="btnSvg me-2"
/>
- {item.name}
+ {t('connect', { auth_name: item.name })}
);
})}