X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftracker%2FDungeons.js;h=b997e754fb8c3b31b62c36b7c8e1ad40d5b33863;hb=4210a67ba2d2f705b001dd9395c3c30688b4dee9;hp=08a581f209a1428bbf12f0cf002239f14a0be28c;hpb=24489254a5d05efd6fe7dceb2cffe5fdb49ab7b7;p=alttp.git

diff --git a/resources/js/components/tracker/Dungeons.js b/resources/js/components/tracker/Dungeons.js
index 08a581f..b997e75 100644
--- 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)}