mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-06-14 14:13:12 +00:00
Set image value in Item to list, to support more images in the future
Set all pages to Typescript
This commit is contained in:
parent
7d8d19a6e9
commit
9dce9235d6
16 changed files with 63 additions and 59 deletions
|
@ -9,28 +9,28 @@
|
|||
|
||||
function reduce() {
|
||||
if (item.amount > 1) {
|
||||
Cart.addToCart(item.uuid, -1)
|
||||
Cart.addToCart(item.data.uuid, -1)
|
||||
}
|
||||
}
|
||||
function add() {
|
||||
if (item.amount < 99) {
|
||||
Cart.addToCart(item.uuid, 1);
|
||||
Cart.addToCart(item.data.uuid, 1);
|
||||
}
|
||||
}
|
||||
function yeet() {
|
||||
Cart.removeByUUID(item.uuid)
|
||||
Cart.removeByUUID(item.data.uuid)
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="container">
|
||||
{#if item.data.image}
|
||||
<img src="{item.data.image}" alt="Item" class="basket-item-image">
|
||||
{#if item.data.images}
|
||||
<img src="{item.data.images[0]}" alt="Item" class="basket-item-image">
|
||||
{:else}
|
||||
<img src="/MenuItemLoadingAlt.svg" alt="Item" class="basket-item-image">
|
||||
<img src="/MenuItemLoading.svg" alt="Item" class="basket-item-image">
|
||||
{/if}
|
||||
|
||||
<ul class="basket-item-data">
|
||||
<li class="basket-item-name"><a href="/item/{item.uuid}" use:link>{item.data.name}</a></li>
|
||||
<li class="basket-item-name"><a href="/item/{item.data.uuid}" use:link>{item.data.name}</a></li>
|
||||
<li class="basket-item-controls">
|
||||
<button class="button" class:disabled={item.amount <= 1} on:click={reduce}><Minus /></button>
|
||||
<p>{item.amount}</p>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue