diff --git a/src/components/PassphraseForm.tsx b/src/components/PassphraseForm.tsx
index e3cb53626..d4b55da2e 100644
--- a/src/components/PassphraseForm.tsx
+++ b/src/components/PassphraseForm.tsx
@@ -1,18 +1,12 @@
import React, { useEffect, useState } from 'react';
import Container from 'components/Container';
-import styled from 'styled-components';
import Card from 'react-bootstrap/Card';
import Form from 'react-bootstrap/Form';
import Button from 'react-bootstrap/Button';
import constants from 'utils/strings/constants';
import { Formik, FormikHelpers } from 'formik';
-import { getData, LS_KEYS } from 'utils/storage/localStorage';
-import { useRouter } from 'next/router';
import * as Yup from 'yup';
-import { KeyAttributes } from 'types';
-import CryptoWorker, { setSessionKeys } from 'utils/crypto';
-import { Spinner } from 'react-bootstrap';
-import { propTypes } from 'react-bootstrap/esm/Image';
+import SubmitButton from './SubmitButton';
interface formValues {
passphrase: string;
@@ -83,13 +77,11 @@ export default function PassPhraseForm(props: Props) {
{errors.passphrase}
-
+
+
Promise
;
@@ -80,7 +81,7 @@ function SetPassword(props: Props) {
onBlur={handleBlur('passphrase')}
isInvalid={Boolean(
touched.passphrase &&
- errors.passphrase
+ errors.passphrase
)}
autoFocus={true}
disabled={loading}
@@ -107,18 +108,10 @@ function SetPassword(props: Props) {
{errors.confirm}
-
+
)}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index d7c5ed136..a4dcabfc0 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -110,15 +110,15 @@ const GlobalStyles = createGlobalStyle`
background-size: cover;
border: none;
}
- .btn-primary {
+ .btn-success {
background: #2dc262;
border-color: #29a354;
}
- .btn-primary:hover {
+ .btn-success:hover ,.btn-success:focus .btn-success:active{
background-color: #29a354;
border-color: #2dc262;
}
- .btn-primary:disabled {
+ .btn-success:disabled {
background-color: #69b383;
}
.btn-outline-success {
@@ -129,13 +129,7 @@ const GlobalStyles = createGlobalStyle`
.btn-outline-success:hover {
background: #2dc262;
}
- .btn-outline-danger {
- border-width: 2px;
- }
- .btn-outline-secondary {
- border-width: 2px;
- }
- .btn-outline-primary {
+ .btn-outline-danger, .btn-outline-secondary, .btn-outline-primary{
border-width: 2px;
}
.card {
@@ -263,7 +257,7 @@ export default function App({ Component, pageProps, err }) {
{loading ? (
-
+
Loading...
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 66e7e7dcc..fc326629c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -10,6 +10,7 @@ import * as Yup from 'yup';
import { getOtt } from 'services/userService';
import Container from 'components/Container';
import { setData, LS_KEYS, getData } from 'utils/storage/localStorage';
+import SubmitButton from 'components/SubmitButton';
interface formValues {
email: string;
}
@@ -88,15 +89,10 @@ export default function Home() {
{errors.email}
-
+
)}
diff --git a/src/pages/signup/index.tsx b/src/pages/signup/index.tsx
index 3a538688a..35f42f910 100644
--- a/src/pages/signup/index.tsx
+++ b/src/pages/signup/index.tsx
@@ -11,6 +11,7 @@ import { getOtt } from 'services/userService';
import Container from 'components/Container';
import { setData, LS_KEYS, getData } from 'utils/storage/localStorage';
import { DisclaimerContainer } from 'components/Container';
+import SubmitButton from 'components/SubmitButton';
interface FormValues {
name: string;
@@ -105,14 +106,11 @@ export default function Home() {
{constants.DATA_DISCLAIMER}
-
+
+
)}
diff --git a/src/pages/verify/index.tsx b/src/pages/verify/index.tsx
index 5ae4452ca..5d8cb5e32 100644
--- a/src/pages/verify/index.tsx
+++ b/src/pages/verify/index.tsx
@@ -17,6 +17,7 @@ import {
isTokenValid,
} from 'services/userService';
import { setIsFirstLogin } from 'utils/storage';
+import SubmitButton from 'components/SubmitButton';
const Image = styled.img`
width: 350px;
@@ -145,9 +146,10 @@ export default function Verify() {
{errors.ott}
-
+
{resend === 0 && (