import CountDisplay from './CountDisplay';
import ToggleIcon from './ToggleIcon';
+import {
+ getDungeonAcquiredSKs,
+ getDungeonRemainingItems,
+} from '../../helpers/tracker';
import { useTracker } from '../../hooks/tracker';
const Dungeons = () => {
controller={ToggleIcon.dungeonCountController(dungeon, dungeon.sk)}
icons={['small-key']}
/>
- <CountDisplay count={state[`${dungeon.id}-small-key`] || 0} />
+ <CountDisplay count={getDungeonAcquiredSKs(state, dungeon)} />
</span>
<ToggleIcon
controller={ToggleIcon.dungeonController(dungeon)}
/>
<span className="dungeon-checks">
<ToggleIcon
- controller={ToggleIcon.dungeonCheckController(dungeon, dungeon.items)}
+ controller={ToggleIcon.dungeonCheckController(dungeon)}
icons={['open-chest', 'chest']}
/>
- <CountDisplay count={dungeon.items - (state[`${dungeon.id}-checks`] || 0)} />
+ <CountDisplay count={getDungeonRemainingItems(state, dungeon)} />
</span>
{dungeon.boss ?
<ToggleIcon