X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftracker%2FDungeons.js;h=8a7e4d034b4ff06e27b0fb0175d925e9b00d223c;hb=4b8475936f9c0f0379d2dee4e1440f4445682715;hp=9c6e122f382f6792bae71f5e7fd99febe4da5900;hpb=90922f8595a8d4fd7780a0b137eed66eaf7d6c49;p=alttp.git
diff --git a/resources/js/components/tracker/Dungeons.js b/resources/js/components/tracker/Dungeons.js
index 9c6e122..8a7e4d0 100644
--- a/resources/js/components/tracker/Dungeons.js
+++ b/resources/js/components/tracker/Dungeons.js
@@ -7,6 +7,7 @@ import {
BOSSES,
getDungeonAcquiredSKs,
getDungeonRemainingItems,
+ shouldCompactKeysanity,
shouldShowDungeonItem,
} from '../../helpers/tracker';
import { useTracker } from '../../hooks/tracker';
@@ -15,11 +16,12 @@ const Dungeons = ({ columns }) => {
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);
@@ -32,11 +34,15 @@ const Dungeons = ({ columns }) => {
} ${row + 0.5})`;
const transforms = {
- tag: '',
- 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)`,
+ tag: null,
+ 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)`,
@@ -101,22 +107,20 @@ const Dungeons = ({ columns }) => {
{dungeon.id.toUpperCase()}
{shouldShowDungeonItem(config, 'Map') ?
-
-
-
+
: null}
{shouldShowDungeonItem(config, 'Compass') ?
-
-
-
+
: null}
{shouldShowDungeonItem(config, 'Small') ?
@@ -132,13 +136,12 @@ const Dungeons = ({ columns }) => {
: null}
{shouldShowDungeonItem(config, 'Big') ?
-
-
-
+
: null}
{
{dungeon.boss ?
-
-
-
+
: null}
{dungeon.prize ?
-
-
-
+
: null}
{dungeon.id === 'gt' && config.bossShuffle ? <>
-
-
-
-
-
-
-
-
-
+
+
+
> : null}
)}