buttons should have typograaphy as child

This commit is contained in:
Olivier Gagnon 2021-09-25 15:41:00 -04:00
parent 86da356478
commit 6d179be018
3 changed files with 5 additions and 13 deletions

@ -70,13 +70,11 @@ export function AugmentationsRoot(props: IProps): React.ReactElement {
</Typography>
<Box mx={2}>
<Tooltip title={"'I never asked for this'"}>
<Button onClick={props.installAugmentationsFn}>
<Typography>Install Augmentations</Typography>
</Button>
<Button onClick={props.installAugmentationsFn}>Install Augmentations</Button>
</Tooltip>
<Tooltip title={"It's always a good idea to backup/export your save!"}>
<Button sx={{ mx: 2 }} onClick={doExport}>
<Typography color="error">Backup Save {exportBonusStr()}</Typography>
<Button sx={{ mx: 2 }} onClick={doExport} color="error">
Backup Save {exportBonusStr()}
</Button>
</Tooltip>
<PurchasedAugmentations />

@ -41,9 +41,5 @@ export function PurchaseButton(props: IProps): React.ReactElement {
);
}
return (
<Button onClick={props.onClick}>
<Typography>{text}</Typography>
</Button>
);
return <Button onClick={props.onClick}>{text}</Button>;
}

@ -154,9 +154,7 @@ export function WorkerScriptAccordion(props: IProps): React.ReactElement {
</TableBody>
</Table>
<Button onClick={logClickHandler}>
<Typography>LOG</Typography>
</Button>
<Button onClick={logClickHandler}>LOG</Button>
<IconButton onClick={killScriptClickHandler}>
<DeleteIcon color="error" />
</IconButton>