Bálint Ujvári
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>
41 lines
896 B
TypeScript
41 lines
896 B
TypeScript
import { ArrowBack } from '@mui/icons-material'
|
|
import { Box, Grid, Typography } from '@mui/material'
|
|
import { ReactElement } from 'react'
|
|
import { useNavigate } from 'react-router-dom'
|
|
import { makeStyles } from 'tss-react/mui'
|
|
|
|
interface Props {
|
|
children: string
|
|
}
|
|
|
|
const useStyles = makeStyles()(() => ({
|
|
pressable: {
|
|
cursor: 'pointer',
|
|
},
|
|
icon: {
|
|
color: '#242424',
|
|
},
|
|
}))
|
|
|
|
export function HistoryHeader({ children }: Props): ReactElement {
|
|
const { classes } = useStyles()
|
|
const navigate = useNavigate()
|
|
|
|
function goBack() {
|
|
navigate(-1)
|
|
}
|
|
|
|
return (
|
|
<Box mb={4}>
|
|
<Grid container direction="row">
|
|
<Box mr={2}>
|
|
<div className={classes.pressable} onClick={goBack}>
|
|
<ArrowBack className={classes.icon} />
|
|
</div>
|
|
</Box>
|
|
<Typography variant="h1">{children}</Typography>
|
|
</Grid>
|
|
</Box>
|
|
)
|
|
}
|