Vojtech Simetka
b666cd2657
* feat: initial rewrite without status indicators * feat: status icon as a component and add to the node setup * feat: added input list item component * feat: improved the topology status info * fix: disabled state of the buttons * chore: removed unused components * chore: remove debug console log * fix: deposit modal helper text
33 lines
799 B
TypeScript
33 lines
799 B
TypeScript
import { ReactElement, ReactNode } from 'react'
|
|
import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'
|
|
import { Typography } from '@material-ui/core'
|
|
import ListItem from '@material-ui/core/ListItem'
|
|
|
|
const useStyles = makeStyles((theme: Theme) =>
|
|
createStyles({
|
|
header: {
|
|
backgroundColor: '#F7F7F7',
|
|
marginBottom: theme.spacing(0.25),
|
|
},
|
|
typography: {
|
|
color: '#242424',
|
|
},
|
|
}),
|
|
)
|
|
|
|
interface Props {
|
|
children?: ReactNode | ReactNode[]
|
|
}
|
|
|
|
export default function ExpandableListItemNote({ children }: Props): ReactElement | null {
|
|
const classes = useStyles()
|
|
|
|
return (
|
|
<ListItem className={classes.header}>
|
|
<Typography variant="body1" className={classes.typography}>
|
|
{children}
|
|
</Typography>
|
|
</ListItem>
|
|
)
|
|
}
|