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

Improve Item page

Browse source 
Add 500 page and dedicated 404 page
Add fake cache to tester API
Adjust some styles for better readability and usability
This commit is contained in:
Michał Gdula 2024-04-28 19:19:05 +01:00
parent 40c19335cf
commit 383f22bdf8
11 changed files with 297 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,23 +4,19 @@
import LoadingImage from '/MenuItemLoadingAlt.svg';
export let id;
export let name;
export let price;
export let image;
export let labels = []
export let item = {};
</script>
<div class="menu-item">
{#if !image}
{#if !item.image}
<img src={LoadingImage} alt="" class="menu-item-image">
{:else}
<img src={image} alt="" class="menu-item-image">
<img src={item.image} alt="" class="menu-item-image">
{/if}
<div class="menu-item-header">
<ul>
{#each labels as label}
{#each item.labels as label}
{#if label === "vegan"}
<li class="vegan"><Leaf weight="fill" /></li>
{/if}
@ -38,12 +34,14 @@
{/if}
{/each}
</ul>
<a href="/item/{id}" use:link>View&nbsp;<ArrowUpRight /></a>
<a href="/item/{item.uuid}" use:link>
View&nbsp;<ArrowUpRight />
</a>
</div>
<ul class="menu-item-detail">
<li>{name}</li>
<li>£{price}</li>
<li>{item.name}</li>
<li>£{item.price}</li>
</ul>
</div>