Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2025-06-02 08:23:14 +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

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