Fix translations

apps/app/public/static/locales/en_US/translation.json

@@ -44,6 +44,7 @@
   "Error": "Error",
   "Warning": "Warning",
   "Sign in": "Sign in",
+  "Sign in with External auth": "Sign in with {{signin}}",
   "Sign up is here": "Sign up",
   "Sign in is here": "Sign in",
   "Sign up": "Sign up",

apps/app/public/static/locales/ja_JP/translation.json

@@ -41,6 +41,7 @@
   "Error": "エラー",
   "Warning": "注意",
   "Sign in": "ログイン",
+  "Sign in with External auth": "{{signin}} でログイン",
   "Sign up is here": "新規登録はこちら",
   "Sign in is here": "ログインはこちら",
   "Sign up": "新規登録",

apps/app/public/static/locales/zh_CN/translation.json

@@ -41,6 +41,7 @@
   "Error": "误差",
   "Warning": "警告",
   "Sign in": "登录",
+  "Sign in with External auth": "Sign in with {{signin}}",
   "Sign up is here": "注册",
   "Sign in is here": "登录",
   "Sign up": "注册",

apps/app/src/components/LoginForm.tsx

@@ -273,7 +273,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
       oidc: 'openid',
       saml: 'key',
     };
-    const signup = {
+    const signin = {
       google: 'Google',
       github: 'Github',
       facebook: 'Facebook',
@@ -288,7 +288,7 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
           <span className="btn-label pe-0">
             <i className={`fa fa-${authIconNames[auth]}`}></i>
           </span>
-          <span className="btn-label-text">{t('Sign in')}{signup[auth]}</span>
+          <span className="btn-label-text">{t('Sign in with External auth', { signin: signin[auth] })}</span>
         </button>
       </div>
     );