From 2e565fd95bd55ea04a5020d6098e9d298550949d Mon Sep 17 00:00:00 2001
From: Franco Montenegro <franco.montenegro.ruke@gmail.com>
Date: Mon, 20 Jun 2022 13:59:56 -0300
Subject: [PATCH] Fix splash error message when the app can't initialize.
 (#7615)

---
 ui/component/splash/view.jsx   | 10 +++++++---
 ui/scss/component/_splash.scss |  7 +++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/ui/component/splash/view.jsx b/ui/component/splash/view.jsx
index 6d6c5459c..1dc5a2e6f 100644
--- a/ui/component/splash/view.jsx
+++ b/ui/component/splash/view.jsx
@@ -241,8 +241,12 @@ export default class SplashScreen extends React.PureComponent<Props, State> {
 
     return (
       <div className="splash">
-        <h1 className="splash__title">LBRY</h1>
-        <div className="splash__details">{details}</div>
+        {!error && (
+          <>
+            <h1 className="splash__title">LBRY</h1>
+            <div className="splash__details">{details}</div>
+          </>
+        )}
 
         {!animationHidden && !error && (
           <css-doodle class="doodle">
@@ -290,7 +294,7 @@ export default class SplashScreen extends React.PureComponent<Props, State> {
         )}
         {error && (
           <Card
-            title={__('Error starting up')}
+            title={<h1 className="splash__error-title">{__('Error starting up')}</h1>}
             subtitle={
               <React.Fragment>
                 <p>
diff --git a/ui/scss/component/_splash.scss b/ui/scss/component/_splash.scss
index 56cedbde3..88aaa03f4 100644
--- a/ui/scss/component/_splash.scss
+++ b/ui/scss/component/_splash.scss
@@ -28,6 +28,13 @@
   margin-top: -1rem;
 }
 
+.splash__error-title {
+  font-size: 22px;
+  line-height: 1;
+  font-weight: var(--font-weight-bold);
+  color: #fff;
+}
+
 .splash__animation-toggle {
   position: fixed;
   top: var(--spacing-l);