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

Add fake API to allow for testing of requests

Browse source
This commit is contained in:
Michał Gdula 2024-04-27 19:23:06 +01:00
parent 2686fb904c
commit 782c88d082
7 changed files with 86 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

35
front/src/pages/PageMenu.svelte
View file

@ -1,9 +1,10 @@
<script>
import { ArrowClockwise } from "phosphor-svelte";
import LoadingBar from "%/components/LoadingBar.svelte";
import MenuList from "%/components/MenuList.svelte";
import DropDown from "%/components/DropDown.svelte";
import { getMenuItems } from "%/lib/api.js";
import { getMenuItems } from "%/lib/test-api.js";
let items = getMenuItems();
</script>
@ -139,15 +140,21 @@
</div>
<div id="menu-list">
{#each items as section}
<h2>{section.name}</h2>
{#if section.items.length > 0}
<MenuList items={section.items} />
{:else}
<p>No results</p>
{/if}
<div class="spacer" />
{/each}
{#await items}
<LoadingBar />
{:then items}
{#each items as section}
<h2>{section.name}</h2>
{#if section.items.length > 0}
<MenuList items={section.items} />
{:else}
<p>No results</p>
{/if}
<div class="spacer" />
{/each}
{:catch error}
<p>{error}</p>
{/await}
</div>
</div>
@ -162,7 +169,9 @@
}
#menu-list {
padding-left: $spacing-normal;
margin-left: $spacing-normal;
width: 100%;
position: relative;
}
#filter {
@ -206,8 +215,8 @@
}
#menu-list {
padding-left: 0;
padding-top: $spacing-normal;
margin-left: 0;
margin-top: $spacing-normal;
}
}
</style>