From 6e5e8f2f803864e186797103140c5635b030f1cf Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_eikona@ketrenos.com>
Date: Tue, 8 Mar 2022 12:24:36 -0800
Subject: [PATCH] Plumb so items without count in Trade could be visually
 different

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
---
 client/src/Resource.js | 2 +-
 client/src/Trade.css   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/Resource.js b/client/src/Resource.js
index 206b71d..31ea238 100644
--- a/client/src/Resource.js
+++ b/client/src/Resource.js
@@ -11,7 +11,7 @@ const Resource = ({ type, select, disabled, available, count, label, onClick })
   };
   
   if (label) {
-    return <div className="Resource"
+    return <div className={`Resource ${count === 0 ? 'None' : ''}`}
         disabled={disabled}
         data-type={type}
         onClick={onClick ? onClick : click}
diff --git a/client/src/Trade.css b/client/src/Trade.css
index 7af5714..4725fd1 100644
--- a/client/src/Trade.css
+++ b/client/src/Trade.css
@@ -102,6 +102,10 @@
   line-height: 1.5rem;
 }
 
+.Trade .Resource.None {
+  /* filter: brightness(70%); */
+}
+
 .Trade .PlayerColor {
   align-self: flex-start;
   width: 0.75em;