From 29ba0b997eac152494a1a1b573ef101f72b9affa Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 16 Apr 2021 14:48:12 +0300
Subject: [PATCH] Auth: Use text instead of image for the "Sign in to Telegram"
 header (#1012)

---
 src/assets/auth-caption.png             | Bin 1898 -> 0 bytes
 src/components/auth/Auth.scss           |  13 -------------
 src/components/auth/AuthPhoneNumber.tsx |   2 +-
 src/components/common/UiLoader.tsx      |   9 ++-------
 4 files changed, 3 insertions(+), 21 deletions(-)
 delete mode 100644 src/assets/auth-caption.png

diff --git a/src/assets/auth-caption.png b/src/assets/auth-caption.png
deleted file mode 100644
index 8f8d3ab87d09d2adb37bc26069f32ba3960987b6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1898
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

diff --git a/src/components/auth/Auth.scss b/src/components/auth/Auth.scss
index 96946be84..f9c4d5473 100644
--- a/src/components/auth/Auth.scss
+++ b/src/components/auth/Auth.scss
@@ -31,19 +31,6 @@
     background: url('../../assets/telegram-logo.svg') center no-repeat;
   }
 
-  // Prevent loading additional 10 kB of Roboto font on initial load.
-  .caption-image {
-    margin-bottom: 0.5rem;
-    height: 19px;
-    background: url('../../assets/auth-caption.png') center center no-repeat;
-    background-size: auto 100%;
-
-    @media (min-width: 600px) {
-      height: 48px;
-      background-size: 273px auto;
-    }
-  }
-
   h2 {
     font-size: 1.25rem;
     line-height: 1;
diff --git a/src/components/auth/AuthPhoneNumber.tsx b/src/components/auth/AuthPhoneNumber.tsx
index 0450fedf1..8662f295e 100644
--- a/src/components/auth/AuthPhoneNumber.tsx
+++ b/src/components/auth/AuthPhoneNumber.tsx
@@ -170,7 +170,7 @@ const AuthPhoneNumber: FC<StateProps & DispatchProps> = ({
     <div id="auth-phone-number-form" className="custom-scroll">
       <div className="auth-form">
         <div id="logo" />
-        <div className="caption-image" />
+        <h2>Sign in to Telegram</h2>
         <p className="note">
           Please confirm your country and
           <br />enter your phone number.
diff --git a/src/components/common/UiLoader.tsx b/src/components/common/UiLoader.tsx
index 9307ab475..8bd2fe087 100644
--- a/src/components/common/UiLoader.tsx
+++ b/src/components/common/UiLoader.tsx
@@ -20,8 +20,6 @@ import './UiLoader.scss';
 // @ts-ignore
 import telegramLogoPath from '../../assets/telegram-logo.svg';
 // @ts-ignore
-import authCaptionPath from '../../assets/auth-caption.png';
-// @ts-ignore
 import monkeyPath from '../../assets/monkey.svg';
 import { selectIsRightColumnShown } from '../../modules/selectors';
 
@@ -70,13 +68,10 @@ const preloadTasks = {
     preloadAvatars(),
   ]),
   authPhoneNumber: () => Promise.all([
-    preloadImage(authCaptionPath),
+    preloadFonts(),
     preloadImage(telegramLogoPath),
   ]),
-  authCode: () => Promise.all([
-    preloadImage(monkeyPath),
-    preloadFonts(),
-  ]),
+  authCode: () => preloadImage(monkeyPath),
   authPassword: () => preloadImage(monkeyPath),
   authQrCode: preloadFonts,
 };