diff --git a/apps/web/src/app/features/combat/combat-page/combat-page.component.html b/apps/web/src/app/features/combat/combat-page/combat-page.component.html index 2926081..529a13c 100644 --- a/apps/web/src/app/features/combat/combat-page/combat-page.component.html +++ b/apps/web/src/app/features/combat/combat-page/combat-page.component.html @@ -117,9 +117,14 @@ } - +
+ + +
} @else if (combat.status === 'LOST') {
diff --git a/apps/web/src/app/features/combat/combat-page/combat-page.component.scss b/apps/web/src/app/features/combat/combat-page/combat-page.component.scss index 270597e..c40c78f 100644 --- a/apps/web/src/app/features/combat/combat-page/combat-page.component.scss +++ b/apps/web/src/app/features/combat/combat-page/combat-page.component.scss @@ -490,6 +490,17 @@ margin-block-start: var(--ar-space-2); } +.outcome__actions { + display: flex; + gap: var(--ar-space-2); + justify-content: center; + margin-block-start: var(--ar-space-2); +} + +.outcome__actions .outcome__button { + margin-block-start: 0; +} + .outcome__button:hover, .combat__notice--error button:hover { border-color: var(--ar-gold); diff --git a/apps/web/src/app/features/combat/combat-page/combat-page.component.spec.ts b/apps/web/src/app/features/combat/combat-page/combat-page.component.spec.ts index 64edb5d..4fe7fdd 100644 --- a/apps/web/src/app/features/combat/combat-page/combat-page.component.spec.ts +++ b/apps/web/src/app/features/combat/combat-page/combat-page.component.spec.ts @@ -275,6 +275,15 @@ describe('CombatPageComponent', () => { expect(router.navigate).toHaveBeenCalledWith(['/hunt']); }); + it('navigates to /inventory from the victory screen', async () => { + const fixture = await setup({ ...activeCombat, status: 'WON' }); + const element = fixture.nativeElement as HTMLElement; + + element.querySelector('[data-combat-to-inventory]')?.click(); + + expect(router.navigate).toHaveBeenCalledWith(['/inventory']); + }); + it('shows an error and retries loading the combat', async () => { const fixture = await setup(null); combatStore.error.set('Dieser Kampf wurde nicht gefunden.'); diff --git a/apps/web/src/app/features/combat/combat-page/combat-page.component.ts b/apps/web/src/app/features/combat/combat-page/combat-page.component.ts index 4af1f47..79b0c86 100644 --- a/apps/web/src/app/features/combat/combat-page/combat-page.component.ts +++ b/apps/web/src/app/features/combat/combat-page/combat-page.component.ts @@ -161,6 +161,10 @@ export class CombatPageComponent implements OnInit { void this.router.navigate(['/hunt']); } + protected goToInventory(): void { + void this.router.navigate(['/inventory']); + } + protected monsterSprite(monsterKey: string, artworkPath: string): string { return monsterCutoutPath(monsterKey) ?? runtimeMonsterArtworkPath(artworkPath) ?? artworkPath; }