From a540191800ec2b6fa58cb4697103f6a24efd2881 Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Tue, 21 Nov 2017 15:40:04 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B2=D0=B5=D1=82=D0=BB=D1=8B=D0=B9=20?=
 =?UTF-8?q?=D1=81=D1=82=D0=B8=D0=BB=D1=8C=20=D0=B4=D0=BB=D1=8F=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B5=D0=BB=D0=BE=D0=B0=D0=B4=D0=B5=D1=80=D0=B0=20=D0=BA?=
 =?UTF-8?q?=D0=B0=D1=80=D1=82=D0=B8=D0=BD=D0=BA=D0=B8=20=D0=BD=D0=B0=20?=
 =?UTF-8?q?=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B5=20=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B0=20mfa=20=D0=92=D1=8B=D0=B2=D0=BE=D0=B4=D0=B8=D0=BC?=
 =?UTF-8?q?=20XXXX=20=D0=B4=D0=BB=D1=8F=20=D0=BD=D0=B5=D0=BF=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B3=D1=80=D1=83=D0=B6=D0=B5=D0=BD=D0=BD=D0=BE=D0=B3=D0=BE=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=B4=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../profile/multiFactorAuth/keyForm/KeyForm.js           | 3 +--
 src/components/ui/loader/ImageLoader.js                  | 3 ++-
 src/components/ui/loader/componentLoader.scss            | 9 ++++-----
 3 files changed, 7 insertions(+), 8 deletions(-)

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 (
         <div className={profileForm.formBody}>
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 && (
                     <div className={styles.loader}>
-                        <ComponentLoader />
+                        <ComponentLoader skin={SKIN_LIGHT} />
                     </div>
                 )}
 
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;
     }
 }