From ad6c1b9afd3db897804e80ddd6024102ae9e0a2b Mon Sep 17 00:00:00 2001
From: Fluffy <michal-gdula@protonmail.com>
Date: Fri, 7 Jun 2024 10:34:38 +0100
Subject: [PATCH] Add some generated sample data, because I cant be fucked to
 write all this by hand

---
 front/src/components/MenuItem.svelte |   4 +-
 front/src/lib/test-api.ts            |   4 +-
 front/src/lib/test-data.ts           | 571 +++++++++++++++++++++++----
 front/src/pages/Cart.svelte          |   2 +-
 front/src/pages/Item.svelte          |   4 +-
 front/src/styles/_form_element.scss  |   3 +-
 6 files changed, 501 insertions(+), 87 deletions(-)

diff --git a/front/src/components/MenuItem.svelte b/front/src/components/MenuItem.svelte
index 040a3e4..50f0c19 100644
--- a/front/src/components/MenuItem.svelte
+++ b/front/src/components/MenuItem.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { onMount } from "svelte";
     import { link } from 'svelte-spa-router';
-    import { Acorn, Fish, Leaf, Pepper, ArrowUpRight, GrainsSlash } from 'phosphor-svelte';
+    import { Acorn, Fish, Leaf, Pepper, ArrowUpRight, Grains } from 'phosphor-svelte';
 
     import { type Item, Labels} from "../lib/types";
     import LoadingImage from '/assets/MenuItemLoadingAlt.svg';
@@ -41,7 +41,7 @@
                 {:else if label === Labels.nut}
                     <li class="nut"><Acorn weight="fill" /></li>
                 {:else if label === Labels.gluten}
-                    <li class="gluten"><GrainsSlash weight="fill" /></li>
+                    <li class="gluten"><Grains weight="fill" /></li>
                 {:else if label === Labels.spicy}
                     <li class="spicy"><Pepper weight="fill" /></li>
                 {/if}
diff --git a/front/src/lib/test-api.ts b/front/src/lib/test-api.ts
index f2682f7..9ccde83 100644
--- a/front/src/lib/test-api.ts
+++ b/front/src/lib/test-api.ts
@@ -17,9 +17,9 @@ export async function getAnnouncements(): Promise<{ image: string }> {
     return cache["announcement_banner"];
 }
 
-export async function getPopularToday(): Promise<Item[]> {
+export async function getPopularToday(amount = 5): Promise<Item[]> {
     if (cache["popular_today"] === undefined) {
-        cache["popular_today"] = TestData;
+        cache["popular_today"] = TestData.slice(0, amount || 5);
         await fakeDelay(2000);
     }
     return cache["popular_today"];
diff --git a/front/src/lib/test-data.ts b/front/src/lib/test-data.ts
index 8e40ceb..9230d44 100644
--- a/front/src/lib/test-data.ts
+++ b/front/src/lib/test-data.ts
@@ -2,108 +2,521 @@ import { type Item, Labels } from "./types";
 
 const TestData: Item[] = [
     {
-        uuid: "soap",
+        uuid: "organic_apple",
         availability: true,
-        name: "Bar of Soap",
-        price: 2.99,
-        description: "Example",
-        labels: [Labels.vegan, Labels.spicy],
+        name: "Organic Apple",
+        price: 0.99,
+        description: `
+Freshly picked organic apple.
+
+**Story**:
+These apples are harvested from our family orchard, which has been lovingly tended for generations. Each apple is handpicked to ensure it meets our high standards.
+
+**Ingredients**:
+- 100% organic apple
+
+**Warnings**:
+May contain seeds.
+
+**General Information**:
+Rich in fiber and vitamins, our organic apples are perfect for a healthy snack.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
     },
     {
-        uuid: "sock",
+        uuid: "quinoa_salad",
         availability: true,
-        name: "Sock",
-        price: 1.99,
-        description: "Example",
-        labels: [Labels.vegan, Labels.fish, Labels.nut, Labels.spicy],
+        name: "Quinoa Salad",
+        price: 7.49,
+        description: `
+A healthy quinoa salad with mixed vegetables.
+
+**Story**:
+Our quinoa salad is inspired by Mediterranean flavors, combining the freshest ingredients to create a nutritious and satisfying meal.
+
+**Ingredients**:
+- Organic quinoa
+- Cherry tomatoes
+- Cucumbers
+- Red onions
+- Olive oil
+- Lemon juice
+- Fresh herbs
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+High in protein and fiber, this salad is perfect for a light lunch or as a side dish.
+        `,
+        labels: [Labels.vegan, Labels.gluten, Labels.nut],
     },
     {
-        uuid: "brick",
-        availability: false,
-        name: "Brick",
-        price: 0,
-        description: "Example",
-        labels: [Labels.spicy],
+        uuid: "avocado_toast",
+        availability: true,
+        name: "Avocado Toast",
+        price: 5.99,
+        description: `
+Smashed avocado on whole grain bread.
+
+**Story**:
+A modern classic, our avocado toast is made with perfectly ripe avocados and freshly baked whole grain bread.
+
+**Ingredients**:
+- Whole grain bread
+- Organic avocado
+- Sea salt
+- Lemon juice
+
+**Warnings**:
+Contains gluten.
+
+**General Information**:
+Rich in healthy fats and fiber, this dish is a great way to start your day.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
     },
     {
-        uuid: "toast",
+        uuid: "berry_smoothie",
         availability: true,
-        name: "Toast",
-        price: 3.49,
-        description: "Example",
+        name: "Berry Smoothie",
+        price: 4.99,
+        description: `
+A refreshing smoothie made with mixed berries.
+
+**Story**:
+Our berry smoothie is a favorite among our customers, blending the finest organic berries for a delicious and nutritious drink.
+
+**Ingredients**:
+- Strawberries
+- Blueberries
+- Raspberries
+- Almond milk
+- Chia seeds
+
+**Warnings**:
+Contains nuts (almond milk).
+
+**General Information**:
+Packed with antioxidants and vitamins, this smoothie is perfect for a quick and healthy breakfast.
+        `,
+        labels: [Labels.vegan, Labels.gluten, Labels.nut],
+    },
+    {
+        uuid: "kale_chips",
+        availability: true,
+        name: "Kale Chips",
+        price: 2.49,
+        description: `
+Crispy baked kale chips with sea salt.
+
+**Story**:
+Our kale chips are made from kale grown in our own garden, baked to perfection for a crunchy, guilt-free snack.
+
+**Ingredients**:
+- Organic kale
+- Olive oil
+- Sea salt
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+A great source of vitamins A, K, and C, these chips are a healthy alternative to traditional snacks.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "chickpea_wrap",
+        availability: true,
+        name: "Chickpea Wrap",
+        price: 6.99,
+        description: `
+A delicious wrap filled with seasoned chickpeas and vegetables.
+
+**Story**:
+Inspired by Mediterranean street food, our chickpea wrap is a customer favorite, combining robust flavors with wholesome ingredients.
+
+**Ingredients**:
+- Whole wheat wrap
+- Seasoned chickpeas
+- Lettuce
+- Tomato
+- Cucumber
+- Tahini sauce
+
+**Warnings**:
+Contains gluten and sesame.
+
+**General Information**:
+High in protein and fiber, this wrap is both filling and nutritious.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "lentil_soup",
+        availability: true,
+        name: "Lentil Soup",
+        price: 5.49,
+        description: `
+Hearty lentil soup with carrots and celery.
+
+**Story**:
+Our lentil soup is a family recipe passed down through generations, bringing comfort and warmth in every bowl.
+
+**Ingredients**:
+- Lentils
+- Carrots
+- Celery
+- Onions
+- Garlic
+- Vegetable broth
+- Spices
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+Rich in protein and iron, this soup is perfect for a cozy meal.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "hummus_plate",
+        availability: true,
+        name: "Hummus Plate",
+        price: 6.99,
+        description: `
+Creamy hummus served with fresh vegetables and pita bread.
+
+**Story**:
+Our hummus is made fresh daily, using a traditional recipe from the Mediterranean. It's perfect for sharing with friends and family.
+
+**Ingredients**:
+- Chickpeas
+- Tahini
+- Olive oil
+- Lemon juice
+- Garlic
+- Fresh vegetables
+- Pita bread
+
+**Warnings**:
+Contains gluten and sesame.
+
+**General Information**:
+Packed with protein and healthy fats, this dish is a great appetizer or snack.
+        `,
+        labels: [Labels.vegan, Labels.gluten, Labels.nut],
+    },
+    {
+        uuid: "greek_salad",
+        availability: true,
+        name: "Greek Salad",
+        price: 6.99,
+        description: `
+Traditional Greek salad with feta cheese, olives, and cucumber.
+
+**Story**:
+Our Greek salad is inspired by travels to the Mediterranean, bringing fresh and vibrant flavors to your table.
+
+**Ingredients**:
+- Cucumbers
+- Tomatoes
+- Red onions
+- Kalamata olives
+- Feta cheese
+- Olive oil
+- Oregano
+
+**Warnings**:
+Contains dairy.
+
+**General Information**:
+A refreshing and light salad, perfect as a side dish or a light meal.
+        `,
         labels: [Labels.gluten],
     },
     {
-        uuid: "water",
+        uuid: "overnight_oats",
         availability: true,
-        name: "water",
-        price: 1,
-        description: "Example",
-        labels: [Labels.fish],
-    },
-    {
-        uuid: "mouldy_bread",
-        availability: true,
-        name: "Singular slice of bread",
-        price: 0.39,
-        description: "Example",
-        labels: [Labels.nut],
-    },
-    {
-        uuid: "cup_cake_leg",
-        availability: true,
-        name: "Eated Cupcake",
-        price: 1.69,
+        name: "Overnight Oats",
+        price: 3.99,
         description: `
-aurgh
+Oats soaked overnight in almond milk with chia seeds and berries.
 
-Contains:
-- Single Pringle GwaGwa
-- Cupcake with icing eated
-`,
-        labels: [Labels.nut],
-        images: [
-            "/item_images/cupcake.jpg",
-            "/item_images/cupcake.jpg",
-            "/item_images/cupcake.jpg",
-        ],
-    },
-    // {
-    //     uuid: "gwagwa",
-    //     availability: false,
-    //     name: "GwaGwa",
-    //     price: 69,
-    //     description: `Example`,
-    //     labels: [Labels.nut],
-    //     images: ["/item_images/dab.jpg"],
-    // },
-    {
-        uuid: "hogmelon",
-        availability: true,
-        name: "Hogermellon",
-        price: 12.99,
-        description: `
-This is a sample description.
+**Story**:
+Our overnight oats are a perfect grab-and-go breakfast, inspired by busy mornings and a need for nutritious convenience.
 
-Contains the following:
-- hog
-- melon
+**Ingredients**:
+- Rolled oats
+- Almond milk
+- Chia seeds
+- Mixed berries
+- Maple syrup
+
+**Warnings**:
+Contains nuts (almond milk).
+
+**General Information**:
+High in fiber and omega-3 fatty acids, this dish is perfect for a healthy start to your day.
         `,
-        labels: [Labels.nut, Labels.gluten, Labels.spicy, Labels.fish],
-        images: ["/item_images/wathog.jpg", "/item_images/sonichog.jpg"],
+        labels: [Labels.vegan, Labels.gluten, Labels.nut],
     },
     {
-        uuid: "bluhog",
+        uuid: "veggie_burger",
         availability: true,
-        name: "Blue HOGGGGG",
-        price: 13.99,
+        name: "Veggie Burger",
+        price: 8.99,
         description: `
-This is a sample description.
+A hearty veggie burger made with black beans and quinoa.
 
-Blue Hog
+**Story**:
+Our veggie burger is crafted from a blend of black beans and quinoa, offering a tasty and filling alternative to traditional burgers.
+
+**Ingredients**:
+- Black beans
+- Quinoa
+- Onions
+- Garlic
+- Spices
+- Whole wheat bun
+
+**Warnings**:
+Contains gluten.
+
+**General Information**:
+High in protein and fiber, this burger is perfect for a healthy meal without compromising on flavor.
         `,
-        labels: [Labels.nut, Labels.gluten, Labels.spicy],
-        images: ["/item_images/sonichog.jpg"],
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "turmeric_tea",
+        availability: true,
+        name: "Turmeric Tea",
+        price: 2.99,
+        description: `
+A soothing tea made with turmeric and ginger.
+
+**Story**:
+Our turmeric tea is a blend of warming spices, perfect for a relaxing moment any time of day.
+
+**Ingredients**:
+- Turmeric
+- Ginger
+- Honey (optional)
+- Lemon
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+Known for its anti-inflammatory properties, this tea is both delicious and beneficial for your health.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "roasted_almonds",
+        availability: true,
+        name: "Roasted Almonds",
+        price: 3.49,
+        description: `
+Lightly salted roasted almonds.
+
+**Story**:
+Our roasted almonds are a simple yet satisfying snack, roasted in-house to ensure the highest quality.
+
+**Ingredients**:
+- Almonds
+- Sea salt
+
+**Warnings**:
+Contains nuts.
+
+**General Information**:
+A great source of protein and healthy fats, these almonds are perfect for snacking on the go.
+        `,
+        labels: [Labels.vegan, Labels.gluten, Labels.nut],
+    },
+    {
+        uuid: "grilled_vegetables",
+        availability: true,
+        name: "Grilled Vegetables",
+        price: 5.99,
+        description: `
+Assorted seasonal vegetables grilled to perfection.
+
+**Story**:
+Our grilled vegetables are sourced from local farms, ensuring the freshest produce available.
+
+**Ingredients**:
+- Bell peppers
+- Zucchini
+- Eggplant
+- Olive oil
+- Herbs
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+A healthy and delicious side dish, perfect for any meal.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "chia_pudding",
+        availability: true,
+        name: "Chia Pudding",
+        price: 4.49,
+        description: `
+Chia seeds soaked in almond milk, topped with fresh fruit.
+
+**Story**:
+Our chia pudding is a delightful dessert that's both nutritious and delicious, inspired by traditional recipes.
+
+**Ingredients**:
+- Chia seeds
+- Almond milk
+- Fresh fruit
+- Honey (optional)
+
+**Warnings**:
+Contains nuts (almond milk).
+
+**General Information**:
+High in omega-3 fatty acids and fiber, this pudding is perfect for a healthy dessert or snack.
+        `,
+        labels: [Labels.vegan, Labels.gluten, Labels.nut],
+    },
+    {
+        uuid: "spinach_quiche",
+        availability: true,
+        name: "Spinach Quiche",
+        price: 6.49,
+        description: `
+A savory quiche with spinach and goat cheese.
+
+**Story**:
+Our spinach quiche is a family favorite, made with a flaky crust and a rich filling of spinach and goat cheese.
+
+**Ingredients**:
+- Spinach
+- Goat cheese
+- Eggs
+- Whole wheat crust
+- Onions
+- Spices
+
+**Warnings**:
+Contains gluten and dairy.
+
+**General Information**:
+A delicious and satisfying dish, perfect for brunch or a light dinner.
+        `,
+        labels: [Labels.gluten],
+    },
+    {
+        uuid: "carrot_ginger_soup",
+        availability: true,
+        name: "Carrot Ginger Soup",
+        price: 4.99,
+        description: `
+A warming soup made with carrots and fresh ginger.
+
+**Story**:
+Our carrot ginger soup is inspired by traditional recipes, bringing a warm and comforting dish to your table.
+
+**Ingredients**:
+- Carrots
+- Ginger
+- Onions
+- Vegetable broth
+- Spices
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+Rich in vitamins and antioxidants, this soup is perfect for a cozy meal.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "stuffed_peppers",
+        availability: true,
+        name: "Stuffed Peppers",
+        price: 7.49,
+        description: `
+Bell peppers stuffed with rice, tomatoes, and herbs.
+
+**Story**:
+Our stuffed peppers are a traditional dish, filled with a savory mix of rice and vegetables, perfect for a hearty meal.
+
+**Ingredients**:
+- Bell peppers
+- Rice
+- Tomatoes
+- Onions
+- Herbs
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+A wholesome and nutritious dish, perfect for lunch or dinner.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "zucchini_noodles",
+        availability: true,
+        name: "Zucchini Noodles",
+        price: 5.99,
+        description: `
+Spiralized zucchini noodles with a light tomato sauce.
+
+**Story**:
+Our zucchini noodles are a healthy alternative to pasta, inspired by Italian cuisine and perfect for a light meal.
+
+**Ingredients**:
+- Zucchini
+- Tomatoes
+- Garlic
+- Olive oil
+- Basil
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+Low in carbs and calories, this dish is perfect for those looking for a lighter option.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
+    },
+    {
+        uuid: "fruit_salad",
+        availability: true,
+        name: "Fruit Salad",
+        price: 4.49,
+        description: `
+A mix of seasonal organic fruits.
+
+**Story**:
+Our fruit salad is a vibrant mix of the freshest seasonal fruits, perfect for a refreshing and healthy snack.
+
+**Ingredients**:
+- Seasonal fruits (varies)
+- Mint leaves
+- Lime juice
+
+**Warnings**:
+Contains no allergens.
+
+**General Information**:
+Rich in vitamins and antioxidants, this salad is a great way to enjoy a variety of fruits.
+        `,
+        labels: [Labels.vegan, Labels.gluten],
     },
 ];
 
diff --git a/front/src/pages/Cart.svelte b/front/src/pages/Cart.svelte
index c59b6c3..45acd89 100644
--- a/front/src/pages/Cart.svelte
+++ b/front/src/pages/Cart.svelte
@@ -9,7 +9,7 @@
     import BasketItem from "../components/BasketItem.svelte";
     import DropDown from "../components/DropDown.svelte";
 
-    let popularToday = getPopularToday();
+    let popularToday = getPopularToday(10);
 
     let items: [string, CartItem][];
     let totalPrice: number;
diff --git a/front/src/pages/Item.svelte b/front/src/pages/Item.svelte
index 3e1fc97..c4d9093 100644
--- a/front/src/pages/Item.svelte
+++ b/front/src/pages/Item.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { link } from 'svelte-spa-router';
-    import { Acorn, Fish, GrainsSlash, Leaf, Minus, Pepper, Plus, SmileySad, ShoppingCart, SealWarning, ArrowLeft } from "phosphor-svelte";
+    import { Acorn, Fish, Grains, Leaf, Minus, Pepper, Plus, SmileySad, ShoppingCart, SealWarning, ArrowLeft } from "phosphor-svelte";
     import SvelteMarkdown from 'svelte-markdown'
 
     import { Labels } from "../lib/types";
@@ -127,7 +127,7 @@
                     {:else if label === Labels.nut}
                         <li class="nut"><Acorn weight="fill" />&nbsp;&nbsp;Nut</li>
                     {:else if label === Labels.gluten}
-                        <li class="gluten"><GrainsSlash weight="fill" />&nbsp;&nbsp;Gluten Free</li>
+                        <li class="gluten"><Grains weight="fill" />&nbsp;&nbsp;Gluten</li>
                     {:else if label === Labels.spicy}
                         <li class="spicy"><Pepper weight="fill" />&nbsp;&nbsp;Spicy</li>
                     {/if}
diff --git a/front/src/styles/_form_element.scss b/front/src/styles/_form_element.scss
index 080b0e7..a9efddf 100644
--- a/front/src/styles/_form_element.scss
+++ b/front/src/styles/_form_element.scss
@@ -36,9 +36,10 @@
 }
 
 .form-notice {
+    padding: 0 $spacing-xsmall;
+
     height: 16px;
 
-    padding: 0 $spacing-xsmall;
     display: block;
     font-size: $font-size-xsmall;
     text-shadow: 0 1px 0.5px rgba(#000, 0.2);