From 470f553cf78349d3e4c6a7f340a36b2a5c85dee8 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 18 Sep 2020 11:27:52 -0700
Subject: [PATCH] Fix name and star state when cell is empty

---
 .../WeaponGridMainhand/WeaponGridMainhand.css       | 13 +++++++++++++
 .../WeaponGridMainhand/WeaponGridMainhand.tsx       |  3 ++-
 src/components/WeaponGridUnit/WeaponGridUnit.css    | 13 +++++++++++++
 src/components/WeaponGridUnit/WeaponGridUnit.tsx    |  5 ++++-
 4 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/components/WeaponGridMainhand/WeaponGridMainhand.css b/src/components/WeaponGridMainhand/WeaponGridMainhand.css
index 5e1696bb..7cc4f1c6 100644
--- a/src/components/WeaponGridMainhand/WeaponGridMainhand.css
+++ b/src/components/WeaponGridMainhand/WeaponGridMainhand.css
@@ -51,4 +51,17 @@
 
 .WeaponGridImage:hover .icon {
     color: #555;
+}
+
+.WeaponGridMainhand h3,
+.WeaponGridMainhand ul {
+    display: none;
+}
+
+.filled h3 {
+    display: block;
+}
+
+.filled ul {
+    display: flex;
 }
\ No newline at end of file
diff --git a/src/components/WeaponGridMainhand/WeaponGridMainhand.tsx b/src/components/WeaponGridMainhand/WeaponGridMainhand.tsx
index 2865cf37..6b517ec5 100644
--- a/src/components/WeaponGridMainhand/WeaponGridMainhand.tsx
+++ b/src/components/WeaponGridMainhand/WeaponGridMainhand.tsx
@@ -32,7 +32,8 @@ function WeaponGridMainhand(props: WeaponGridProps) {
 
     const classes = classnames({
         WeaponGridMainhand: true,
-        'editable': props.editable
+        'editable': props.editable,
+        'filled': (props.weapon !== undefined)
     })
 
     const weapon = props.weapon
diff --git a/src/components/WeaponGridUnit/WeaponGridUnit.css b/src/components/WeaponGridUnit/WeaponGridUnit.css
index dc9c41d2..7d2d579b 100644
--- a/src/components/WeaponGridUnit/WeaponGridUnit.css
+++ b/src/components/WeaponGridUnit/WeaponGridUnit.css
@@ -51,4 +51,17 @@
 
 .WeaponGridImage:hover .icon {
     color: #555;
+}
+
+.WeaponGridUnit h3,
+.WeaponGridUnit ul {
+    display: none;
+}
+
+.filled h3 {
+    display: block;
+}
+
+.filled ul {
+    display: flex;
 }
\ No newline at end of file
diff --git a/src/components/WeaponGridUnit/WeaponGridUnit.tsx b/src/components/WeaponGridUnit/WeaponGridUnit.tsx
index 1878e801..f9321b6c 100644
--- a/src/components/WeaponGridUnit/WeaponGridUnit.tsx
+++ b/src/components/WeaponGridUnit/WeaponGridUnit.tsx
@@ -27,10 +27,13 @@ function WeaponGridUnit(props: WeaponGridProps) {
 
     const openModalIfEditable = (props.editable) ? openModal : () => {}
 
+    console.log(props.weapon)
     const classes = classnames({
         WeaponGridUnit: true,
-        'editable': props.editable
+        'editable': props.editable,
+        'filled': (props.weapon !== undefined)
     })
+    console.log(`Classes: ${classes}`)
 
     const weapon = props.weapon