From a5ff253898c4f819e7a9006c5b5ca805c452c66e Mon Sep 17 00:00:00 2001 From: Adesojisouljay Date: Thu, 4 Jul 2024 15:11:58 +0100 Subject: [PATCH] initiate login with hive auth --- src/common/components/login/index.tsx | 129 ++++++++++--------- src/common/components/or-divider/_index.scss | 2 +- src/common/components/or-divider/index.tsx | 16 ++- src/common/i18n/locales/en-US.json | 1 + src/common/img/hive-auth.jpeg | Bin 0 -> 5081 bytes 5 files changed, 78 insertions(+), 70 deletions(-) create mode 100644 src/common/img/hive-auth.jpeg diff --git a/src/common/components/login/index.tsx b/src/common/components/login/index.tsx index d0b49c20193..129346f7d08 100644 --- a/src/common/components/login/index.tsx +++ b/src/common/components/login/index.tsx @@ -600,6 +600,9 @@ export class Login extends BaseComponent { const keyChainLogo = global.isElectron ? "./img/keychain.png" : require("../../img/keychain.png"); + const hiveAuthLogo = global.isElectron + ? "./img/hive-auth.jpeg" + : require("../../img/hive-auth.jpeg"); const spinner = ( { })} - {/* */} )} - {/*
{ - e.preventDefault(); - }} - > -

{_t("login.with-user-pass")}

- - - - - - -

- {_t("login.login-info-1")}{" "} - - {_t("login.login-info-2")} - -

- -
*/} - - {/* + + + {/* {global.hasKeyChain && ( */}
Make sure you have keychain installed! Don't have keychain? download here
-
{/* )} */} diff --git a/src/common/components/or-divider/_index.scss b/src/common/components/or-divider/_index.scss index 6e4cfd5fed7..007fbf16f30 100644 --- a/src/common/components/or-divider/_index.scss +++ b/src/common/components/or-divider/_index.scss @@ -11,7 +11,7 @@ .or-divider::before, .or-divider::after { position: absolute; - width: 130px; + width: 80px; height: 1px; top: 24px; background-color: $white-four; diff --git a/src/common/components/or-divider/index.tsx b/src/common/components/or-divider/index.tsx index 472f85b2a33..6be0dfa9e86 100644 --- a/src/common/components/or-divider/index.tsx +++ b/src/common/components/or-divider/index.tsx @@ -1,13 +1,17 @@ -import React, {Component} from "react"; -import {_t} from "../../i18n"; +import React, { Component } from "react"; -export default class OrDivider extends Component { +interface OrDividerProps { + text: string; +} + +class OrDivider extends Component { render() { + const { text } = this.props; return ( - <> -
{_t("g.or")}
- +
{text}
); } } + +export default OrDivider; diff --git a/src/common/i18n/locales/en-US.json b/src/common/i18n/locales/en-US.json index 85f801b32b7..48f14255e3c 100644 --- a/src/common/i18n/locales/en-US.json +++ b/src/common/i18n/locales/en-US.json @@ -154,6 +154,7 @@ "error-authenticate": "Wrong private key. Master or active or posting private key required.", "with-hive-signer": "Login with hivesigner", "with-keychain": "Login with keychain", + "with-hive-auth": "Login with HiveAuth", "sign-up-text-1": "Don't have an account?", "sign-up-text-2": "Sign up now!" }, diff --git a/src/common/img/hive-auth.jpeg b/src/common/img/hive-auth.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..a242fcfbecebf8b44c08d4705676abb71a939bd4 GIT binary patch literal 5081 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 literal 0 HcmV?d00001