Added hide in sidebar option for custom tokens

src/components/token/TokenSettings.js

@@ -39,18 +39,32 @@ function TokenSettings({
               my={1}
             />
           </Box>
-          <Box my={2}>
+          <Flex my={2}>
-            <Label>
+            <Box sx={{ flexGrow: 1 }}>
-              <Checkbox
+              <Label>
-                checked={token && token.isVehicle}
+                <Checkbox
-                disabled={!token || token.type === "default"}
+                  checked={token && token.isVehicle}
-                onChange={(e) =>
+                  disabled={!token || token.type === "default"}
-                  onSettingsChange("isVehicle", e.target.checked)
+                  onChange={(e) =>
-                }
+                    onSettingsChange("isVehicle", e.target.checked)
-              />
+                  }
-              Vehicle / Mount
+                />
-            </Label>
+                Vehicle / Mount
-          </Box>
+              </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

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}

src/modals/SelectTokensModal.js

@@ -65,6 +65,7 @@ function SelectTokensModal({ isOpen, onRequestClose }) {
           owner: userId,
           defaultSize: 1,
           isVehicle: false,
+          hideInSidebar: false,
         });
         setImageLoading(false);
       };

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;