From 4a0998c568710cfc8aa83894ab5fd9cdc1d19ac2 Mon Sep 17 00:00:00 2001
From: nickofolas <nickofolas@gmail.com>
Date: Sat, 9 Apr 2022 09:06:32 -0500
Subject: [PATCH] Fix DOM parse warnings

---
 src/ui/CharacterStats.tsx | 8 ++++++--
 src/ui/React/StatsRow.tsx | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/ui/CharacterStats.tsx b/src/ui/CharacterStats.tsx
index eaf040a5d..0c24fb734 100644
--- a/src/ui/CharacterStats.tsx
+++ b/src/ui/CharacterStats.tsx
@@ -236,7 +236,7 @@ export function CharacterStats(): React.ReactElement {
                   </IconButton>
                 </>
               </StatsRow>
-              {player.companyName && (
+              {player.companyName ? (
                 <>
                   <StatsRow
                     name="Last Employer"
@@ -249,8 +249,10 @@ export function CharacterStats(): React.ReactElement {
                     data={{ content: player.jobs[player.companyName] }}
                   />
                 </>
+              ) : (
+                <></>
               )}
-              {player.jobs && Object.keys(player.jobs).length !== 0 && (
+              {player.jobs && Object.keys(player.jobs).length !== 0 ? (
                 <StatsRow name="All Employers" color={Settings.theme.primary} data={{}}>
                   <>
                     <span style={{ color: Settings.theme.primary }}>{Object.keys(player.jobs).length} total</span>
@@ -259,6 +261,8 @@ export function CharacterStats(): React.ReactElement {
                     </IconButton>
                   </>
                 </StatsRow>
+              ) : (
+                <></>
               )}
               <StatsRow
                 name="Servers Owned"
diff --git a/src/ui/React/StatsRow.tsx b/src/ui/React/StatsRow.tsx
index 74241c235..405abcc26 100644
--- a/src/ui/React/StatsRow.tsx
+++ b/src/ui/React/StatsRow.tsx
@@ -37,7 +37,7 @@ export const StatsRow = ({ name, color, classes = useStyles(), children, data }:
         <Typography style={{ color: color }}>{name}</Typography>
       </TableCell>
       <TableCell align="right" classes={{ root: classes.cellNone }}>
-        <Typography style={{ color: color }}>{content}</Typography>
+        {content ? <Typography style={{ color: color }}>{content}</Typography> : <></>}
         {children}
       </TableCell>
     </TableRow>