diff --git a/src/components/profile/multiFactorAuth/keyForm/KeyForm.js b/src/components/profile/multiFactorAuth/keyForm/KeyForm.js
index e842cf4..a146cc7 100644
--- a/src/components/profile/multiFactorAuth/keyForm/KeyForm.js
+++ b/src/components/profile/multiFactorAuth/keyForm/KeyForm.js
@@ -15,8 +15,7 @@ export default function KeyForm({secret, qrCodeSrc}: {
secret: string,
qrCodeSrc: string
}) {
- // we are using invisible symbol (\u2063) as a placeholder till we get actual secret
- const formattedSecret = formatSecret(secret) || '\u2063';
+ const formattedSecret = formatSecret(secret || (new Array(24)).join('X'));
return (
diff --git a/src/components/ui/loader/ImageLoader.js b/src/components/ui/loader/ImageLoader.js
index e156090..dad3277 100644
--- a/src/components/ui/loader/ImageLoader.js
+++ b/src/components/ui/loader/ImageLoader.js
@@ -2,6 +2,7 @@
import React from 'react';
import classNames from 'classnames';
import { ComponentLoader } from 'components/ui/loader';
+import { SKIN_LIGHT } from 'components/ui';
import styles from './imageLoader.scss';
@@ -49,7 +50,7 @@ export default class ImageLoader extends React.Component<{
{isLoading && (
-
+
)}
diff --git a/src/components/ui/loader/componentLoader.scss b/src/components/ui/loader/componentLoader.scss
index aeb701b..fbbe8b4 100644
--- a/src/components/ui/loader/componentLoader.scss
+++ b/src/components/ui/loader/componentLoader.scss
@@ -12,7 +12,6 @@
.spin {
height: 20px;
width: 20px;
- // background: $green;
display: inline-block;
margin: 10px 2px;
opacity: 0;
@@ -44,7 +43,7 @@
*/
.lightComponentLoader {
.spin {
- background: #fff;
+ background: #aaa;
}
}
@@ -56,15 +55,15 @@
@keyframes loaderAnimation {
0% {
- opacity:0;
+ opacity: 0;
}
50% {
- opacity:1;
+ opacity: 1;
transform: scaleY(2)
}
100% {
- opacity:0;
+ opacity: 0;
}
}