BOSSES,
getDungeonAcquiredSKs,
getDungeonRemainingItems,
+ shouldCompactKeysanity,
shouldShowDungeonItem,
} from '../../helpers/tracker';
import { useTracker } from '../../hooks/tracker';
const { config, dungeons, state } = useTracker();
const layout = React.useMemo(() => {
+ const compact = shouldCompactKeysanity(config);
const mapX = 1;
const compassX = shouldShowDungeonItem(config, 'Map') ? mapX + 1 : mapX;
const smallX = shouldShowDungeonItem(config, 'Compass') ? compassX + 1 : compassX;
const bigX = shouldShowDungeonItem(config, 'Small') ? smallX + 1 : smallX;
- const countX = shouldShowDungeonItem(config, 'Big') ? bigX + 1 : bigX;
+ const countX = compact ? 2 : shouldShowDungeonItem(config, 'Big') ? bigX + 1 : bigX;
const bossX = countX + 1;
const prizeX = bossX + 1;
const dungeonWidth = Math.max(5, prizeX + 1);
const transforms = {
tag: null,
- map: `translate(${mapX} 0) scale(0.9)`,
- compass: `translate(${compassX} 0) scale(0.9)`,
- small: `translate(${smallX} 0) scale(0.9)`,
- big: `translate(${bigX} 0) scale(0.9)`,
+ map: compact
+ ? 'translate(0.75 -0.25) scale(0.45)' : `translate(${mapX} 0) scale(0.9)`,
+ compass: compact
+ ? 'translate(1.25 -0.25) scale(0.45)' : `translate(${compassX} 0) scale(0.9)`,
+ small: compact
+ ? 'translate(0.75 0.25) scale(0.45)' : `translate(${smallX} 0) scale(0.9)`,
+ big: compact
+ ? 'translate(1.25 0.25) scale(0.45)' : `translate(${bigX} 0) scale(0.9)`,
checks: `translate(${countX} 0) scale(0.9)`,
boss: `translate(${bossX} 0)`,
prize: `translate(${prizeX} 0)`,