Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2025-06-11 12:53:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Set image value in Item to list, to support more images in the future

Browse source 
Set all pages to Typescript
This commit is contained in:
Michał Gdula 2024-05-05 11:12:01 +01:00
parent 7d8d19a6e9
commit 9dce9235d6
16 changed files with 63 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front/src/components/AnnouncementBanner.svelte
View file

@ -1,4 +1,4 @@
<script>
<script lang="ts">
import { getAnnouncements } from '../lib/test-api';
let announcement = getAnnouncements();

14
front/src/components/BasketItem.svelte
View file

@ -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>

4
front/src/components/DropDown.svelte
View file

@ -1,8 +1,8 @@
<script>
<script lang="ts">
import { CaretDown } from "phosphor-svelte";
export let open = false;
export let name;
export let name: string;
</script>
<div class="dropdown" class:open={open}>

2
front/src/components/LoadingBar.svelte
View file

@ -1,4 +1,4 @@
<script>
<script lang="ts">
export let bottom = false
</script>

12
front/src/components/MenuItem.svelte
View file

@ -1,18 +1,18 @@
<script>
<script lang="ts">
import { link } from 'svelte-spa-router';
import { Acorn, Fish, Leaf, Pepper, ArrowUpRight, GrainsSlash } from 'phosphor-svelte';
import { Labels } from "../lib/types";
import { type Item, Labels} from "../lib/types";
import LoadingImage from '/MenuItemLoadingAlt.svg';
export let item = {};
export let item: Item;
</script>
<div class="menu-item">
{#if !item.image}
<img src={LoadingImage} alt="" class="menu-item-image">
{#if item.images}
<img src={item.images[0]} alt="" class="menu-item-image">
{:else}
<img src={item.image} alt="" class="menu-item-image">
<img src={LoadingImage} alt="" class="menu-item-image">
{/if}
<div class="menu-item-header">

5
front/src/components/MenuList.svelte
View file

@ -1,7 +1,8 @@
<script>
<script lang="ts">
import { type Item } from "../lib/types";
import MenuItem from "./MenuItem.svelte";
export let items = [];
export let items: Item[];
</script>
<ul>