Fix name and star state when cell is empty

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;
 }

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

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;
 }

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