From 3b0a772f41b7130d2d6562dd2dad92b08ea30fd6 Mon Sep 17 00:00:00 2001
From: Thebora Kompanioni <theborakompanioni@users.noreply.github.com>
Date: Thu, 2 Jun 2022 15:10:45 +0200
Subject: [PATCH] ui: blur Send form if service is running (#301)

* fix: initial loading flag in Send page correctly

* refactor: infer loading state on Send page from initializing and waiting flags

* ui: always blur send page if service is running
---
 src/components/Send.jsx        | 6 ++----
 src/components/Send.module.css | 6 +++---
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Send.jsx b/src/components/Send.jsx
index e2a5017f..9ddc4824 100644
--- a/src/components/Send.jsx
+++ b/src/components/Send.jsx
@@ -566,9 +566,7 @@ export default function Send() {
 
   return (
     <>
-      <div
-        className={`${isMakerRunning ? styles['maker-running'] : ''} ${isCoinjoinInProgress ? 'taker-running' : ''}`}
-      >
+      <div className={`${isMakerRunning || isCoinjoinInProgress ? styles['service-running'] : ''}`}>
         <PageTitle title={t('send.title')} subtitle={t('send.subtitle')} />
         <rb.Fade in={isOperationDisabled} mountOnEnter={true} unmountOnExit={true}>
           <>
@@ -605,7 +603,7 @@ export default function Send() {
           <rb.Alert variant={takerStartedInfoAlert.variant}>{takerStartedInfoAlert.message}</rb.Alert>
         )}
 
-        <rb.Form id="send-form" onSubmit={onSubmit} noValidate className={styles['maker-running-form']}>
+        <rb.Form id="send-form" onSubmit={onSubmit} noValidate className={styles['send-form']}>
           <rb.Form.Group className="mb-4 flex-grow-1" controlId="account">
             <rb.Form.Label>
               {settings.useAdvancedWalletMode ? t('send.label_account_dev_mode') : t('send.label_account')}
diff --git a/src/components/Send.module.css b/src/components/Send.module.css
index 5775b9fc..cb7a7e32 100644
--- a/src/components/Send.module.css
+++ b/src/components/Send.module.css
@@ -118,15 +118,15 @@ input[type='number'] {
   border-radius: 0.25rem;
 }
 
-.maker-running .maker-running-form {
+.service-running .send-form {
   filter: blur(2px);
 }
 
-.maker-running .collaborators-selector {
+.service-running .collaborators-selector {
   filter: blur(2px);
 }
 
-.maker-running .send-button {
+.service-running .send-button {
   filter: blur(2px);
 }