GRIN/nym
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changing alert behaviour

Browse Source
This commit is contained in:
Gala
2022-09-13 13:49:42 +02:00
parent 08a190c1cb
commit 1241a81514
2 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nym-wallet/src/pages/bonding/node-settings/general-settings/InfoSettings.tsx
+16 -2
View File
@@ -1,6 +1,7 @@
import { useEffect, useState } from 'react';
import { Button, Divider, Typography, TextField, Grid, Alert } from '@mui/material';
import { Button, Divider, Typography, TextField, Grid, Alert, IconButton } from '@mui/material';
import { useTheme } from '@mui/material/styles';
import CloseIcon from '@mui/icons-material/Close';
import { TBondedMixnode, TBondedGateway } from '../../../../context/bonding';
import { SimpleModal } from '../../../../components/Modals/SimpleModal';
@@ -17,6 +18,7 @@ export const InfoSettings = ({ bondedNode }: { bondedNode: TBondedMixnode | TBon
const { mixPort, verlocPort, httpApiPort, host, version } = bondedNode;
const [buttonActive, setButtonActive] = useState<boolean>(false);
const [open, setOpen] = useState(true);
const [openConfirmationModal, setOpenConfirmationModal] = useState<boolean>(false);
const [mixPortUpdated, setMixPortUpdated] = useState<number>(mixPort);
const [verlocPortUpdated, setVerlocPortUpdated] = useState<number>(verlocPort);
@@ -71,9 +73,21 @@ export const InfoSettings = ({ bondedNode }: { bondedNode: TBondedMixnode | TBon
return (
<Grid container xs>
{buttonActive && (
{open && (
<Alert
severity="info"
action={
<IconButton
aria-label="close"
color="inherit"
size="small"
onClick={() => {
setOpen(false);
}}
>
<CloseIcon fontSize="inherit" />
</IconButton>
}
sx={{
px: 2,
borderRadius: 0,
nym-wallet/src/pages/bonding/node-settings/general-settings/ParametersSettings.tsx
+16 -2
View File
@@ -1,6 +1,7 @@
import { useState, useEffect } from 'react';
import { Button, Divider, Typography, TextField, InputAdornment, Grid, Alert } from '@mui/material';
import { Button, Divider, Typography, TextField, InputAdornment, Grid, Alert, IconButton } from '@mui/material';
import { useTheme } from '@mui/material/styles';
import CloseIcon from '@mui/icons-material/Close';
import { TBondedMixnode, TBondedGateway } from '../../../../context/bonding';
import { SimpleModal } from '../../../../components/Modals/SimpleModal';
@@ -8,6 +9,7 @@ export const ParametersSettings = ({ bondedNode }: { bondedNode: TBondedMixnode
const { profitMarginPercent, bond } = bondedNode;
const [buttonActive, setButtonActive] = useState<boolean>(false);
const [open, setOpen] = useState(true);
const [openConfirmationModal, setOpenConfirmationModal] = useState<boolean>(false);
const [profitMargin, setProfitMargin] = useState<number>(profitMarginPercent);
const [operatorCost, setOperatorCost] = useState<number>(parseInt(bond.amount));
@@ -37,9 +39,21 @@ export const ParametersSettings = ({ bondedNode }: { bondedNode: TBondedMixnode
return (
<Grid container xs>
{buttonActive && (
{open && (
<Alert
severity="info"
action={
<IconButton
aria-label="close"
color="inherit"
size="small"
onClick={() => {
setOpen(false);
}}
>
<CloseIcon fontSize="inherit" />
</IconButton>
}
sx={{
width: 1,
px: 2,