diff options
| author | nea <nea@nea.moe> | 2023-05-27 23:39:49 +0200 |
|---|---|---|
| committer | nea <nea@nea.moe> | 2023-05-27 23:41:18 +0200 |
| commit | 25371b340dee50b7178cf42b4ca159ce2ca0757e (patch) | |
| tree | f850fc4af54d5baa10111649f689cc8b5f553669 /src/routes | |
| parent | 67683c76bbee8adfc6cc1900a2462d77e5a9e5ae (diff) | |
| download | skyblock-stats-feat/backpacks.tar.gz skyblock-stats-feat/backpacks.tar.bz2 skyblock-stats-feat/backpacks.zip | |
Add backpacks to inventoriesfeat/backpacks
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/player/[player]/[profile]/sections/Inventories.svelte | 30 |
1 files changed, 24 insertions, 6 deletions
diff --git a/src/routes/player/[player]/[profile]/sections/Inventories.svelte b/src/routes/player/[player]/[profile]/sections/Inventories.svelte index 1dd7d28..ff82e8e 100644 --- a/src/routes/player/[player]/[profile]/sections/Inventories.svelte +++ b/src/routes/player/[player]/[profile]/sections/Inventories.svelte @@ -1,10 +1,11 @@ <script lang="ts"> - import { inventoryIconMap, skyblockItemToUrl, type Item } from '$lib/minecraft/inventory' + import { inventoryIconMap, skyblockItemToUrl } from '$lib/minecraft/inventory' import Inventory from '$lib/minecraft/Inventory.svelte' import type { MatcherFile } from 'skyblock-assets' import { cleanId } from '$lib/utils' import AccessoryBagUpgrades from './AccessoryBagUpgrades.svelte' import type { CleanMemberProfile } from '$lib/APITypes' + import ItemIcon from '$lib/minecraft/ItemIcon.svelte' export let data: CleanMemberProfile export let pack: MatcherFile @@ -40,11 +41,24 @@ {#if data.member.inventories} {#each displayingInventories as inventoryName} {#if inventoryName === selectedInventoryName} - <span id={inventoryName} class="inventory-content"> - <Inventory items={data.member.inventories[inventoryName]} {pack} name={inventoryName} /> - </span> - {#if inventoryName == 'accessory_bag'} - <AccessoryBagUpgrades {data} /> + {#if inventoryName == 'backpacks'} + {#each data.member.inventories.backpacks as backpack} + <p class="backpack-name"> + {#if backpack.icon} + <ItemIcon {pack} headSize={50} item={backpack.icon} isslot={false} /> + {/if} Backpack #{backpack.slot} + </p> + <span id={inventoryName} class="inventory-content"> + <Inventory items={backpack.items} {pack} name={'backpack'} /> + </span> + {/each} + {:else} + <span id={inventoryName} class="inventory-content"> + <Inventory items={data.member.inventories[inventoryName]} {pack} name={inventoryName} /> + </span> + {#if inventoryName == 'accessory_bag'} + <AccessoryBagUpgrades {data} /> + {/if} {/if} {/if} {/each} @@ -102,4 +116,8 @@ font-size: 16px !important; } } + .backpack-name { + display: flex; + align-items: center; + } </style> |