From 6d179be018d3bebb48f7db95e0204a68e242780f Mon Sep 17 00:00:00 2001
From: Olivier Gagnon <oli.gagnon4418@gmail.com>
Date: Sat, 25 Sep 2021 15:41:00 -0400
Subject: [PATCH] buttons should have typograaphy as child

---
 src/Augmentation/ui/AugmentationsRoot.tsx      | 8 +++-----
 src/Hacknet/ui/PurchaseButton.tsx              | 6 +-----
 src/ui/ActiveScripts/WorkerScriptAccordion.tsx | 4 +---
 3 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/Augmentation/ui/AugmentationsRoot.tsx b/src/Augmentation/ui/AugmentationsRoot.tsx
index bb6365c3a..9c6b397f1 100644
--- a/src/Augmentation/ui/AugmentationsRoot.tsx
+++ b/src/Augmentation/ui/AugmentationsRoot.tsx
@@ -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 />
diff --git a/src/Hacknet/ui/PurchaseButton.tsx b/src/Hacknet/ui/PurchaseButton.tsx
index 19ab0d814..1c34c6bbc 100644
--- a/src/Hacknet/ui/PurchaseButton.tsx
+++ b/src/Hacknet/ui/PurchaseButton.tsx
@@ -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>;
 }
diff --git a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
index a8bb0b7be..117510b35 100644
--- a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
+++ b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
@@ -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>