From 49c18e8cf7835cb5c1251e4bb90524517cc33ef8 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 28 May 2020 16:23:20 +1000
Subject: [PATCH] Added hide in sidebar option for custom tokens

---
 src/components/token/TokenSettings.js | 38 ++++++++++++++++++---------
 src/components/token/Tokens.js        |  2 +-
 src/modals/SelectTokensModal.js       |  1 +
 src/tokens/index.js                   |  1 +
 4 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/src/components/token/TokenSettings.js b/src/components/token/TokenSettings.js
index fbbd2ca..b01103a 100644
--- a/src/components/token/TokenSettings.js
+++ b/src/components/token/TokenSettings.js
@@ -39,18 +39,32 @@ function TokenSettings({
               my={1}
             />
           </Box>
-          <Box my={2}>
-            <Label>
-              <Checkbox
-                checked={token && token.isVehicle}
-                disabled={!token || token.type === "default"}
-                onChange={(e) =>
-                  onSettingsChange("isVehicle", e.target.checked)
-                }
-              />
-              Vehicle / Mount
-            </Label>
-          </Box>
+          <Flex my={2}>
+            <Box sx={{ flexGrow: 1 }}>
+              <Label>
+                <Checkbox
+                  checked={token && token.isVehicle}
+                  disabled={!token || token.type === "default"}
+                  onChange={(e) =>
+                    onSettingsChange("isVehicle", e.target.checked)
+                  }
+                />
+                Vehicle / Mount
+              </Label>
+            </Box>
+            <Box sx={{ flexGrow: 1 }}>
+              <Label>
+                <Checkbox
+                  checked={token && token.hideInSidebar}
+                  disabled={!token || token.type === "default"}
+                  onChange={(e) =>
+                    onSettingsChange("hideInSidebar", e.target.checked)
+                  }
+                />
+                Hide in Sidebar
+              </Label>
+            </Box>
+          </Flex>
         </>
       )}
       <IconButton
diff --git a/src/components/token/Tokens.js b/src/components/token/Tokens.js
index cf99210..6a43587 100644
--- a/src/components/token/Tokens.js
+++ b/src/components/token/Tokens.js
@@ -49,7 +49,7 @@ function Tokens({ onMapTokenStateCreate }) {
       >
         <SimpleBar style={{ height: "calc(100% - 48px)", overflowX: "hidden" }}>
           {ownedTokens
-            .filter((token) => token.owner === userId)
+            .filter((token) => !token.hideInSidebar)
             .map((token) => (
               <ListToken
                 key={token.id}
diff --git a/src/modals/SelectTokensModal.js b/src/modals/SelectTokensModal.js
index 751f721..1b337f1 100644
--- a/src/modals/SelectTokensModal.js
+++ b/src/modals/SelectTokensModal.js
@@ -65,6 +65,7 @@ function SelectTokensModal({ isOpen, onRequestClose }) {
           owner: userId,
           defaultSize: 1,
           isVehicle: false,
+          hideInSidebar: false,
         });
         setImageLoading(false);
       };
diff --git a/src/tokens/index.js b/src/tokens/index.js
index 88c8881..acfd30b 100644
--- a/src/tokens/index.js
+++ b/src/tokens/index.js
@@ -86,6 +86,7 @@ export const tokens = Object.keys(tokenSources).map((key) => ({
   type: "default",
   defaultSize: getDefaultTokenSize(key),
   isVehicle: false,
+  hideInSidebar: false,
 }));
 
 export const unknownSource = unknown;