rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-03-21 12:29:03 +01:00
Code Issues Releases Activity

improved display

Browse Source
This commit is contained in:
Sylvain 2021-04-06 18:00:13 +02:00
parent 667f6f6229
commit 36871a0b34
2 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/frontend/src/javascript/components/payzen-settings.tsx
View File

@ -65,7 +65,7 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({}) => {
const handleUpdateKeys = () => {
const api = new SettingAPI();
api.bulkUpdate(settings).then(result => {
api.bulkUpdate(config).then(result => {
if (Array.from(result.values()).filter(item => !item.status).length > 0) {
setErrors(JSON.stringify(result));
} else {
@ -99,19 +99,21 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({}) => {
</div>
);
})}
<div className="edit-keys">
<FabButton className="edit-keys-btn" onClick={toggleEditKeysModal}>{t('app.admin.invoices.payment.edit_keys')}</FabButton>
<FabModal title={t('app.admin.invoices.payment.payzen.payzen_keys')}
isOpen={openEditModal}
toggleModal={toggleEditKeysModal}
width={ModalSize.medium}
confirmButton={t('app.admin.invoices.payment.payzen.update_button')}
onConfirm={handleUpdateKeys}
preventConfirm={preventConfirm}
closeButton>
{errors && <span>{errors}</span>}
<PayZenKeysForm onValidKeys={handleValidPayZenKeys} />
</FabModal>
</div>
</div>
<FabButton className="edit-keys-btn" onClick={toggleEditKeysModal}>{t('app.admin.invoices.payment.edit_keys')}</FabButton>
<FabModal title={t('app.admin.invoices.payment.payzen.payzen_keys')}
isOpen={openEditModal}
toggleModal={toggleEditKeysModal}
width={ModalSize.medium}
confirmButton={t('app.admin.invoices.payment.payzen.update_button')}
onConfirm={handleUpdateKeys}
preventConfirm={preventConfirm}
closeButton>
{errors && <span>{errors}</span>}
<PayZenKeysForm onValidKeys={handleValidPayZenKeys} />
</FabModal>
</div>
);
}

9
app/frontend/src/stylesheets/modules/payzen-settings.scss
View File

@ -3,14 +3,15 @@
.payzen-keys {
display: flex;
flex-direction: row;
justify-content: space-around;
justify-content: start;
flex-wrap: wrap;
.key-wrapper {
padding: 5px;
padding: 5px 15px;
}
}
.edit-keys-btn {
margin-top: 20px;
.edit-keys {
margin: 5px 15px;
padding-top: 1.8rem;
}
}