Commit4ab980e

committed

feat: update ui for error dialog and snackbar

1 parent913c0f5 commit4ab980eCopy full SHA for 4ab980e

File tree

+11

-11

lines changed

+11

-11

lines changed

Lines changed: 5 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -48,11 +48,12 @@ interface StyleProps {`
`48`	`48`	`constuseStyles=makeStyles((theme)=>({`
`49`	`49`	`dialogWrapper:(props:StyleProps)=>({`
`50`	`50`	`"& .MuiPaper-root":{`
`51`		`-background:props.type==="info" ?theme.palette.primary.main :theme.palette.error.dark,`
	`51`	`+background:props.type==="info" ?theme.palette.primary.main :theme.palette.background.paper,`
	`52`	+border:`1px solid${theme.palette.divider}`,
`52`	`53`	`},`
`53`	`54`	`}),`
`54`	`55`	`dialogContent:(props:StyleProps)=>({`
`55`		`-color:props.type==="info" ?theme.palette.primary.contrastText :theme.palette.error.contrastText,`
	`56`	`+color:props.type==="info" ?theme.palette.primary.contrastText :theme.palette.text.secondary,`
`56`	`57`	`padding:theme.spacing(6),`
`57`	`58`	`textAlign:"center",`
`58`	`59`	`}),`
`@@ -61,16 +62,14 @@ const useStyles = makeStyles((theme) => ({`
`61`	`62`	`},`
`62`	`63`	`description:(props:StyleProps)=>({`
`63`	`64`	`color:`
`64`		`-props.type==="info"`
`65`		`- ?fade(theme.palette.primary.contrastText,0.75)`
`66`		`- :fade(theme.palette.error.contrastText,0.75),`
	`65`	`+props.type==="info" ?fade(theme.palette.primary.contrastText,0.75) :fade(theme.palette.text.secondary,0.75),`
`67`	`66`	`lineHeight:"160%",`
`68`	`67`
`69`	`68`	`"& strong":{`
`70`	`69`	`color:`
`71`	`70`	`props.type==="info"`
`72`	`71`	`?fade(theme.palette.primary.contrastText,0.95)`
`73`		`- :fade(theme.palette.error.contrastText,0.95),`
	`72`	`+ :fade(theme.palette.text.secondary,0.95),`
`74`	`73`	`},`
`75`	`74`	`}),`
`76`	`75`	`}))`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,7 @@ export const DialogActionButtons: React.FC<DialogActionButtonsProps> = ({`
`114`	`114`	`})}`
`115`	`115`	`disabled={confirmLoading}`
`116`	`116`	`onClick={onCancel}`
`117`		`-variant="contained"`
	`117`	`+variant="outlined"`
`118`	`118`	`>`
`119`	`119`	`{cancelText}`
`120`	`120`	`</LoadingButton>`
`@@ -145,7 +145,7 @@ interface StyleProps {`
`145`	`145`
`146`	`146`	`constuseButtonStyles=makeStyles((theme)=>({`
`147`	`147`	`dialogButton:{`
`148`		`-borderRadius:0,`
	`148`	`+borderRadius:theme.shape.borderRadius,`
`149`	`149`	`fontSize:theme.typography.h6.fontSize,`
`150`	`150`	`fontWeight:theme.typography.h5.fontWeight,`
`151`	`151`	`padding:theme.spacing(2.25),`

Lines changed: 4 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -81,8 +81,9 @@ const useStyles = makeStyles((theme) => ({`
`81`	`81`	`color:theme.palette.error.contrastText,`
`82`	`82`	`},`
`83`	`83`	`snackbarContent:{`
	`84`	+border:`1px solid${theme.palette.divider}`,
`84`	`85`	borderLeft:`4px solid${theme.palette.primary.main}`,
`85`		`-borderRadius:0,`
	`86`	`+borderRadius:theme.shape.borderRadius,`
`86`	`87`	padding:`${theme.spacing(1)}px${theme.spacing(3)}px${theme.spacing(1)}px${theme.spacing(2)}px`,
`87`	`88`	`boxShadow:theme.shadows[6],`
`88`	`89`	`alignItems:"inherit",`
`@@ -94,8 +95,8 @@ const useStyles = makeStyles((theme) => ({`
`94`	`95`	`color:theme.palette.info.contrastText,`
`95`	`96`	`},`
`96`	`97`	`snackbarContentError:{`
`97`		`-backgroundColor:theme.palette.error.dark,`
	`98`	`+backgroundColor:theme.palette.background.paper,`
`98`	`99`	`borderLeftColor:theme.palette.error.main,`
`99`		`-color:theme.palette.error.contrastText,`
	`100`	`+color:theme.palette.text.secondary,`
`100`	`101`	`},`
`101`	`102`	`}))`

Comments

(0)