diff --git a/apps/frontend/components/home/view-switcher/Delves.svelte b/apps/frontend/components/home/view-switcher/Delves.svelte index 48a14614d..ee2f18c90 100644 --- a/apps/frontend/components/home/view-switcher/Delves.svelte +++ b/apps/frontend/components/home/view-switcher/Delves.svelte @@ -17,7 +17,7 @@ dynamicDelves.map(({ poiId, story }) => [ delveMap[poiId], story, - settingsState.value.delveRankings[`${poiId}:${story}`], + settingsState.value.delveRankings[`${poiId}:${story}`] || 0, ]) as [Delve, string, number][], ([delve, , ranking]) => `${9 - ranking}:${delve.shortName}` ); diff --git a/apps/frontend/shared/icons/ui.ts b/apps/frontend/shared/icons/ui.ts index 1129aea46..b2c43bd52 100644 --- a/apps/frontend/shared/icons/ui.ts +++ b/apps/frontend/shared/icons/ui.ts @@ -8,6 +8,7 @@ export const uiIcons = { no: iconLibrary.mdiClose, plus: iconLibrary.mdiPlus, question: iconLibrary.mdiQuestionMark, + random: iconLibrary.gameDiceRandom, starEmpty: iconLibrary.mdiStarOutline, starHalf: iconLibrary.mdiStarHalfFull, starFull: iconLibrary.mdiStarFace, diff --git a/apps/frontend/shared/state/browser.svelte.ts b/apps/frontend/shared/state/browser.svelte.ts index fda59b444..29f278283 100644 --- a/apps/frontend/shared/state/browser.svelte.ts +++ b/apps/frontend/shared/state/browser.svelte.ts @@ -125,6 +125,9 @@ interface BrowserStateIdk { showCollected: boolean; showUncollected: boolean; }; + transmogSets: { + mythicOnly: boolean; + }; vendors: { filtersExpanded: boolean; @@ -282,6 +285,9 @@ const initialState: BrowserStateIdk = { showCollected: true, showUncollected: true, }, + transmogSets: { + mythicOnly: false, + }, vendors: { filtersExpanded: false, highlightMissing: true, diff --git a/apps/frontend/user-home/components/transmog-sets/TableCategory.svelte b/apps/frontend/user-home/components/transmog-sets/TableCategory.svelte index 9b4b35f11..3bb664211 100644 --- a/apps/frontend/user-home/components/transmog-sets/TableCategory.svelte +++ b/apps/frontend/user-home/components/transmog-sets/TableCategory.svelte @@ -3,6 +3,7 @@ import { Constants } from '@/data/constants'; import { transmogSets } from '@/data/transmog'; import { iconLibrary, uiIcons } from '@/shared/icons'; + import { browserState } from '@/shared/state/browser.svelte'; import { settingsState } from '@/shared/state/settings.svelte'; import { userStore } from '@/stores'; import { transmogSetsState } from '@/stores/local-storage'; @@ -15,6 +16,7 @@ import { tradingPostKeys } from './data'; + import CheckboxInput from '@/shared/components/forms/CheckboxInput.svelte'; import ClassIcon from '@/shared/components/images/ClassIcon.svelte'; import CovenantIcon from '@/shared/components/images/CovenantIcon.svelte'; import IconifyWrapper from '@/shared/components/images/IconifyWrapper.svelte'; @@ -36,6 +38,11 @@ ); let setKey = $derived(slugs.join('--')); + let raidWithMythic = $derived( + (category.name === 'Raids' || slugs.includes('raids')) && + category.groups.some((group) => group.sets.includes('Mythic')) + ); + const getTransmogSets = function (group: ManualDataTransmogGroup): TransmogSetData[] { if (group.type === 'multi') { return Object.keys(group.data).map( @@ -157,9 +164,7 @@ color: var(--color-success); } .percent { - position: absolute; - right: 0.5rem; - word-spacing: -0.2ch; + word-spacing: -0.3ch; } .percent-cell { --width: 3.4rem; @@ -193,13 +198,23 @@