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