From 63d6cdaa1a5f7e667dcffdd66f4ca70f68ba3d7b Mon Sep 17 00:00:00 2001
From: jessop <jessop@lbry.com>
Date: Mon, 13 Apr 2020 15:42:15 -0400
Subject: [PATCH] tip error tweaks

---
 static/app-strings.json                 |  6 +++--
 ui/component/supportsLiquidate/view.jsx | 29 ++++++++++++-------------
 ui/scss/init/_gui.scss                  |  2 +-
 3 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/static/app-strings.json b/static/app-strings.json
index f974fb1de..17ecface6 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -1126,5 +1126,7 @@
   "It's usually only worth unlocking what you intend to use immediately. %learn_more%": "It's usually only worth unlocking what you intend to use immediately. %learn_more%",
   "%amount% available to unlock": "%amount% available to unlock",
   "%message% hihi": "%message% hihi",
-  "Comrade Yrbl, we have a problem": "Comrade Yrbl, we have a problem"
-}
+  "How much would you like to unlock?": "How much would you like to unlock?",
+  "A prudent choice": "A prudent choice",
+  "Join": "Join"
+}
\ No newline at end of file
diff --git a/ui/component/supportsLiquidate/view.jsx b/ui/component/supportsLiquidate/view.jsx
index ec6307869..f676dd782 100644
--- a/ui/component/supportsLiquidate/view.jsx
+++ b/ui/component/supportsLiquidate/view.jsx
@@ -6,6 +6,7 @@ import Button from 'component/button';
 import { Form, FormField } from 'component/common/form';
 import Card from 'component/common/card';
 import I18nMessage from 'component/i18nMessage';
+import ErrorText from 'component/common/error-text';
 
 type Props = {
   balance: number,
@@ -107,7 +108,11 @@ const SupportsLiquidate = (props: Props) => {
         </>
       }
       body={
-        !abandonClaimError && (
+        abandonClaimError ? (
+          <div className="error__wrapper--no-overflow">
+            <ErrorText>{__('%message%', { message: abandonClaimError })}</ErrorText>
+          </div>
+        ) : (
           <>
             <div className="section">
               <I18nMessage
@@ -156,20 +161,14 @@ const SupportsLiquidate = (props: Props) => {
       }
       actions={
         <React.Fragment>
-          {abandonClaimError ? (
-            <>
-              <div className="error__wrapper--no-overflow">
-                <div className="error__text">{__('%message%', { message: abandonClaimError })}</div>
-              </div>
-              <div className="section__actions">
-                <Button disabled={error} button="primary" onClick={handleClose} label={__('Done')} />
-              </div>
-            </>
-          ) : (
-            <div className="section__actions">
-              <Button disabled={error} button="primary" onClick={handleSubmit} label={__('Unlock')} />
-            </div>
-          )}
+          <div className="section__actions">
+            <Button
+              disabled={error}
+              button="primary"
+              onClick={abandonClaimError ? handleClose : handleSubmit}
+              label={abandonClaimError ? __('Done') : __('Unlock')}
+            />
+          </div>
         </React.Fragment>
       }
     />
diff --git a/ui/scss/init/_gui.scss b/ui/scss/init/_gui.scss
index 41643081e..6b9e70c0e 100644
--- a/ui/scss/init/_gui.scss
+++ b/ui/scss/init/_gui.scss
@@ -245,7 +245,7 @@ img {
 }
 
 .error__wrapper--no-overflow {
-  @extend .error-wrapper;
+  @extend .error__wrapper;
   max-height: 10rem;
   overflow: hidden;
 }