Change text

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

@@ -47,6 +47,7 @@
   "Sign up is here": "Sign up",
   "Sign in is here": "Sign in",
   "Sign up": "Sign up",
+  "or": "or",
   "Sign up with Google Account": "Sign up with Google Account",
   "Sign in with Google Account": "Sign in with Google Account",
   "Sign up with this Google Account": "Sign up with this Google Account",

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

@@ -44,6 +44,7 @@
   "Sign up is here": "新規登録はこちら",
   "Sign in is here": "ログインはこちら",
   "Sign up": "新規登録",
+  "or": "または",
   "Sign up with Google Account": "Google で登録",
   "Sign in with Google Account": "Google でログイン",
   "Sign up with this Google Account": "この Google アカウントで登録します",

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

@@ -44,6 +44,7 @@
   "Sign up is here": "注册",
   "Sign in is here": "登录",
   "Sign up": "注册",
+  "or": "还是",
   "Sign up with Google Account": "Sign up with Google Account",
   "Sign in with Google Account": "Sign in with Google Account",
   "Sign up with this Google Account": "Sign up with this Google Account",

apps/app/src/components/LoginForm.tsx

@@ -247,6 +247,9 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
             </button>
           </div>
         </form>
+        <div className="text-center">
+          <p className="text-white">{t('or')}</p>
+        </div>
       </>
     );
   }, [
@@ -270,6 +273,13 @@ export const LoginForm = (props: LoginFormProps): JSX.Element => {
       oidc: 'openid',
       saml: 'key',
     };
+    const signup = {
+      google: 'Google',
+      github: 'Github',
+      facebook: 'Facebook',
+      oidc: 'OIDC',
+      saml: 'SAML',
+    };
 
     return (
       <div key={auth} className="my-2">
@@ -278,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')}</span>
+          <span className="btn-label-text">{t('Sign in')}{signup[auth]}</span>
         </button>
       </div>
     );