GlcoinCore/jam
1
0
Fork 0
mirror of https://github.com/joinmarket-webui/jam.git synced 2026-08-20 13:28:21 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

ui: blur Send form if service is running (#301)

Browse source 
* 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
This commit is contained in:
Thebora Kompanioni 2022-06-02 15:10:45 +02:00 • committed by GitHub
parent db4f5ab18a
commit 3b0a772f41
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Send.jsx
View file

@ -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')}

6
src/components/Send.module.css
View file

@ -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);
}