clean up active/hint JSX

ayan4m1 · Jan 1, 2024 · 5c30049 · 5c30049
1 parent 29689a1
commit 5c30049
Showing 1 changed file with 3 additions and 23 deletions.
diff --git a/src/components/mahjongTile.js b/src/components/mahjongTile.js
@@ -27,7 +27,7 @@ export default function MahjongTile({
         alt={getTileFriendlyName(tile)}
         style={{ height: 64, position: 'absolute' }}
       />
-      {active && (
+      {(active || hint) && (
         <svg
           width={53}
           height={64}
@@ -39,29 +39,9 @@ export default function MahjongTile({
             y={0}
             height={64}
             width={53}
-            fill="#ff0000"
+            fill={active ? '#ff0000' : '#00ff00'}
             fillOpacity={0.4}
-            stroke="#ff0000"
-            strokeWidth={2}
-            rx={8}
-          />
-        </svg>
-      )}
-      {hint && (
-        <svg
-          width={53}
-          height={64}
-          viewBox="0 0 53 64"
-          style={{ zIndex: 10000 }}
-        >
-          <rect
-            x={0}
-            y={0}
-            height={64}
-            width={53}
-            fill="#00ff00"
-            fillOpacity={0.4}
-            stroke="#00ff00"
+            stroke={active ? '#ff0000' : '#00ff00'}
             strokeWidth={2}
             rx={8}
           />