519c411db0
* feat: sync and update with all changes from fork * refactor: extract clipboard copy logic into custom hook * fix: correct spelling of DEFAULT_REFRESH_FREQUENCY_MS in Stamps and WalletBalance providers * refactor(ui-tests): replace fixed sleeps with condition-based waits * fix: handle null values for size and granteeCount in infoGroups * fix(lint): add newline at end of file in useClipboardCopy hook * fix(ui-tests): page.goto URL * refactor: update import paths for useClipboardCopy --------- Co-authored-by: Ferenc Sárai <sarai.ferenc@gmail.com>
31 lines
748 B
TypeScript
31 lines
748 B
TypeScript
import { Typography } from '@mui/material'
|
|
import ListItemButton from '@mui/material/ListItemButton'
|
|
import { ReactElement, ReactNode } from 'react'
|
|
import { makeStyles } from 'tss-react/mui'
|
|
|
|
const useStyles = makeStyles()(theme => ({
|
|
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 (
|
|
<ListItemButton className={classes.header}>
|
|
<Typography variant="body1" className={classes.typography}>
|
|
{children}
|
|
</Typography>
|
|
</ListItemButton>
|
|
)
|
|
}
|