Add conditional rendering to token status and label

2021-06-17 11:39:41 +10:00 · 2021-06-17 11:39:41 +10:00 · e352cadaea
commit e352cadaea
parent 78dac55d7a
1 changed files with 14 additions and 10 deletions
--- a/src/components/map/MapToken.js
+++ b/src/components/map/MapToken.js
@ -248,16 +248,20 @@ function MapToken({
        hitFunc={() => {}}
      />
      <Group offsetX={tokenWidth / 2} offsetY={tokenHeight / 2}>
-        <TokenStatus
-          tokenState={tokenState}
-          width={tokenWidth}
-          height={tokenHeight}
-        />
-        <TokenLabel
-          tokenState={tokenState}
-          width={tokenWidth}
-          height={tokenHeight}
-        />
+        {tokenState.statuses?.length > 0 ? (
+          <TokenStatus
+            tokenState={tokenState}
+            width={tokenWidth}
+            height={tokenHeight}
+          />
+        ) : null}
+        {tokenState.label ? (
+          <TokenLabel
+            tokenState={tokenState}
+            width={tokenWidth}
+            height={tokenHeight}
+          />
+        ) : null}
      </Group>
    </animated.Group>
  );