simple tracker config dialog

[alttp.git] / resources / js / components / tracker / Dungeons.js

diff --git a/resources/js/components/tracker/Dungeons.js b/resources/js/components/tracker/Dungeons.js
index 08a581f209a1428bbf12f0cf002239f14a0be28c..b997e754fb8c3b31b62c36b7c8e1ad40d5b33863 100644 (file)
--- a/resources/js/components/tracker/Dungeons.js
+++ b/resources/js/components/tracker/Dungeons.js
@@ -5,35 +5,47 @@ import ToggleIcon from './ToggleIcon';
 import {
        getDungeonAcquiredSKs,
        getDungeonRemainingItems,
+       shouldShowDungeonItem,
 } from '../../helpers/tracker';
 import { useTracker } from '../../hooks/tracker';
 
 const Dungeons = () => {
-       const { dungeons, state } = useTracker();
+       const { config, dungeons, state } = useTracker();
 
        return <div className="dungeons">
                {dungeons.map(dungeon =>
                        <div className={`dungeon dungeon-${dungeon.id}`} key={dungeon.id}>
                                <span className="dungeon-tag">{dungeon.id.toUpperCase()}</span>
-                               <ToggleIcon
-                                       controller={ToggleIcon.dungeonController(dungeon)}
-                                       icons={['map']}
-                               />
-                               <ToggleIcon
-                                       controller={ToggleIcon.dungeonController(dungeon)}
-                                       icons={['compass']}
-                               />
-                               <span className="dungeon-smalls">
+                               {shouldShowDungeonItem(config, 'Map') ?
                                        <ToggleIcon
-                                               controller={ToggleIcon.dungeonCountController(dungeon, dungeon.sk)}
-                                               icons={['small-key']}
+                                               controller={ToggleIcon.dungeonController(dungeon)}
+                                               icons={['map']}
                                        />
-                                       <CountDisplay count={getDungeonAcquiredSKs(state, dungeon)} />
-                               </span>
-                               <ToggleIcon
-                                       controller={ToggleIcon.dungeonController(dungeon)}
-                                       icons={['big-key']}
-                               />
+                               : null}
+                               {shouldShowDungeonItem(config, 'Compass') ?
+                                       <ToggleIcon
+                                               controller={ToggleIcon.dungeonController(dungeon)}
+                                               icons={['compass']}
+                                       />
+                               : null}
+                               {shouldShowDungeonItem(config, 'Small') ?
+                                       <span className="dungeon-smalls">
+                                               <ToggleIcon
+                                                       controller={ToggleIcon.dungeonCountController(dungeon, dungeon.sk)}
+                                                       icons={['small-key']}
+                                               />
+                                               <CountDisplay
+                                                       count={getDungeonAcquiredSKs(state, dungeon)}
+                                                       full={dungeon.sk}
+                                               />
+                                       </span>
+                               : null}
+                               {shouldShowDungeonItem(config, 'Big') ?
+                                       <ToggleIcon
+                                               controller={ToggleIcon.dungeonController(dungeon)}
+                                               icons={['big-key']}
+                                       />
+                               : null}
                                <span className="dungeon-checks">
                                        <ToggleIcon
                                                controller={ToggleIcon.dungeonCheckController(dungeon)}