Add left tickets to homepage

src/app.css

@@ -11,3 +11,23 @@
     font-family: Montserrat, sans-serif;
   }
 }
+
+.utxo-markdown ul {
+  display: block;
+  list-style-type: disc;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 40px;
+}
+
+.utxo-markdown ol {
+  display: block;
+  list-style-type: decimal;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 40px;
+}

src/lib/header/Header.svelte

@@ -1,6 +1,6 @@
 <script>
   import { page } from "$app/stores";
-  import { bundle, userData, userDataLocal } from "$lib/stores";
+  import { bundle, userData, userDataLocal, apiStatus } from "$lib/stores";
   import SocialButtons from "$lib/SocialButtons.svelte";
   import Countdown from "$lib/Countdown.svelte";
 
@@ -113,14 +113,22 @@
             <div class="">Gabriel Loci, Praha</div>
           </div>
         </div>
-        <div class="mt-10 text-left">
+        <div class="flex mt-10 gap-4 flex-wrap">
-          <div class="">
+          <div class="text-left">
-            <a
+            <div class="">
-              href="/vstupenky"
+              <a
-              class="rounded-3xl bg-utxo-gradient uppercase text-sm py-4 px-10 hover:text-base hover:font-bold transition-all"
+                href="/vstupenky"
-              >Koupit vstupenky</a
+                class="rounded-3xl bg-utxo-gradient uppercase text-sm py-4 px-10 hover:text-base hover:font-bold transition-all"
-            >
+                >Koupit vstupenky</a
+              >
+            </div>
           </div>
+          {#if $apiStatus && $apiStatus.wave}
+            <div class="my-auto sm:mt-0 mt-2 sm:ml-0 ml-2 italic opacity-50">
+              Zbývá <span class="font-bold">{$apiStatus.wave.live.left}</span>
+              vstupenek (za {$apiStatus.wave.price} Kč)
+            </div>
+          {/if}
         </div>
         <div class="mt-8 ml-3 lg:ml-6 text-left flex m-auto">
           <a

src/routes/__layout.svelte

@@ -4,15 +4,33 @@
   import "../app.css";
   import api from "$lib/api.js";
   import { page } from "$app/stores";
-  import { userData, userDataLocal, apiStatus, loadInfo } from "$lib/stores";
+  import {
+    userData,
+    userDataLocal,
+    apiStatus,
+    loadInfo,
+    bundle,
+  } from "$lib/stores";
   import { loadOrders, loadApiStatus } from "$lib/orders";
   import { onMount, onDestroy } from "svelte";
 
-  let bundle = null;
   let uds = null;
 
+  let int1 = null;
+
+  async function baseLoad() {
+    api.loadBundle($page.url.hostname === "localhost");
+
+    await loadApiStatus();
+    loadOrders($userData);
+  }
+
   onMount(async () => {
-    bundle = await api.loadBundle($page.url.hostname === "localhost");
+    baseLoad();
+
+    int1 = setInterval(() => {
+      baseLoad();
+    }, 60 * 2000);
 
     const userDataLS = localStorage.getItem("userData");
     if (userDataLS) {
@@ -26,19 +44,17 @@
     setTimeout(() => {
       loadInfo.set({ loaded: true });
     }, 300);
-
-    await loadApiStatus();
-    await loadOrders($userData);
   });
 
   onDestroy(() => {
     //userData.unsubscribe(uds)
+    clearInterval(int1);
   });
 
   // load orders
 </script>
 
-{#if bundle}
+{#if $bundle}
   <div class="layout min-h-screen bg-gray-900">
     <div class="inset-0 bg-white">
       <Header />

src/routes/index.svelte

@@ -42,11 +42,7 @@
 </script>
 
 <svelte:head>
-  <title
+  <title>UTXO.22 {$bundle ? "- " + $bundle.description : ""}</title>
-    >UTXO.22 {$bundle
-      ? "- " + $bundle.description
-      : ""}</title
-  >
 </svelte:head>
 
 <section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl">

src/routes/lide.svelte

@@ -112,7 +112,7 @@
       </div>
     </div>
     {#if s.desc}
-      <div class="mt-6">
+      <div class="mt-6 utxo-markdown">
         <SvelteMarkdown source={s.desc} {renderers} />
       </div>
     {/if}

src/routes/udalosti.svelte

@@ -101,7 +101,7 @@
       </div>
     {/if}
     {#if e.description}
-      <div class="mt-6 mb-6">
+      <div class="mt-6 mb-6 utxo-markdown">
         <SvelteMarkdown source={e.description} {renderers} />
       </div>
     {/if}