prettier

src/lib/Event.svelte

@@ -43,14 +43,23 @@
       return output;
     });
   }
-
 </script>
 
 <div
-  class="transition-all mb-4 border px-3 py-2 rounded-md shadow {$userData.favoriteEvents.includes( e.id) ? 'bg-yellow-100' : ''}"
+  class="transition-all mb-4 border px-3 py-2 rounded-md shadow {$userData.favoriteEvents.includes(
+    e.id
+  )
+    ? 'bg-yellow-100'
+    : ''}"
 >
   <div class="float-right">
-    <i class="fa-star {$userData.favoriteEvents.includes(e.id) ? 'fa-solid' : 'fa-regular'} cursor-pointer" utxo-event-id={e.id} on:click={handleFavorite} />
+    <i
+      class="fa-star {$userData.favoriteEvents.includes(e.id)
+        ? 'fa-solid'
+        : 'fa-regular'} cursor-pointer"
+      utxo-event-id={e.id}
+      on:click={handleFavorite}
+    />
   </div>
   <div class="text-lg font-semibold">
     <a href="/udalosti?id={e.id}">{e.name}</a>
@@ -74,9 +83,22 @@
     <div class="mt-4 w-auto mb-2">
       <div class="flex flex-wrap gap-2" cellpadding="5">
         {#each getChildrens(e) as pe}
-          <div class="border rounded py-1.5 px-2.5 text-sm transition-all {$userData.favoriteEvents.includes( pe.id) ? 'bg-yellow-100' : 'bg-gray-100'}">
+          <div
+            class="border rounded py-1.5 px-2.5 text-sm transition-all {$userData.favoriteEvents.includes(
+              pe.id
+            )
+              ? 'bg-yellow-100'
+              : 'bg-gray-100'}"
+          >
             <div class="font-bold">
-              <a href="/udalosti?id={pe.id}">{pe.name}</a>  <i class="fa-star {$userData.favoriteEvents.includes(pe.id) ? 'fa-solid' : 'fa-regular'} cursor-pointer" utxo-event-id={pe.id} on:click={handleFavorite} />
+              <a href="/udalosti?id={pe.id}">{pe.name}</a>
+              <i
+                class="fa-star {$userData.favoriteEvents.includes(pe.id)
+                  ? 'fa-solid'
+                  : 'fa-regular'} cursor-pointer"
+                utxo-event-id={pe.id}
+                on:click={handleFavorite}
+              />
             </div>
             <div class="mt-1">
               {#if pe.speakers.length === 0}

src/lib/Tooltip.svelte

@@ -10,6 +10,26 @@
   let style = `background-color: ${color};`;
 </script>
 
+<div class="tooltip-wrapper">
+  <span class="tooltip-slot">
+    <slot />
+  </span>
+  <div
+    class="tooltip"
+    class:active
+    class:left
+    class:right
+    class:bottom
+    class:top
+  >
+    {#if tip}
+      <div class="default-tip" {style}>{@html tip}</div>
+    {:else}
+      <slot name="custom-tip" />
+    {/if}
+  </div>
+</div>
+
 <style>
   .tooltip-wrapper {
     position: relative;
@@ -69,23 +89,3 @@
     visibility: initial;
   }
 </style>
-
-<div class="tooltip-wrapper">
-  <span class="tooltip-slot">
-    <slot />
-  </span>
-  <div
-    class="tooltip"
-    class:active
-    class:left
-    class:right
-    class:bottom
-    class:top>
-    {#if tip}
-      <div class="default-tip" {style}>{@html tip}</div>
-    {:else}
-      <slot name="custom-tip" />
-    {/if}
-
-  </div>
-</div>

src/routes/lide.svelte

@@ -50,7 +50,11 @@
 
 <section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl text-blue-web">
   {#if $bundle && s}
-    <div class="mb-6 uppercase text-gray-500"><a href="javascript:history.back()"><i class="fa-solid fa-arrow-left"></i>&nbsp;Zpět</a></div>
+    <div class="mb-6 uppercase text-gray-500">
+      <a href="javascript:history.back()"
+        ><i class="fa-solid fa-arrow-left" />&nbsp;Zpět</a
+      >
+    </div>
     <div class="sm:flex gap-10 mt-4">
       <div><Avatar speaker={s} size="big" /></div>
       <div class="mt-4 sm:mt-0">

src/routes/program.svelte

@@ -9,10 +9,13 @@
 
   $: totalDuration = (() => {
     if (!$bundle) {
-      return null
+      return null;
     }
-    return $bundle.spec.events.reduce((p, c) => p + (c ? calcDuration(c, $bundle) : 0), 0)
-  })()
+    return $bundle.spec.events.reduce(
+      (p, c) => p + (c ? calcDuration(c, $bundle) : 0),
+      0
+    );
+  })();
 </script>
 
 <svelte:head>
@@ -35,7 +38,7 @@
       <div class="uppercase font-sm mt-1">přednášejících</div>
     </div>
     <div class="flex-1">
-      <div class="text-4xl">{Math.round((totalDuration/60)*100)/100}</div>
+      <div class="text-4xl">{Math.round((totalDuration / 60) * 100) / 100}</div>
       <div class="uppercase font-sm mt-1">hodin obsahu</div>
     </div>
   </div>

src/routes/udalosti.svelte

@@ -19,8 +19,8 @@
 
   $: id = getId($page.url.search);
   $: e = $bundle ? $bundle.spec.events.find((ev) => ev.id === id) : null;
-  $: duration = e ? calcDuration(e, $bundle) : null
-  $: childrens = $bundle.spec.events.filter(i => i.parent === e.id);
+  $: duration = e ? calcDuration(e, $bundle) : null;
+  $: childrens = $bundle.spec.events.filter((i) => i.parent === e.id);
 
   function getId(search) {
     const searchParams = new URLSearchParams(search);
@@ -52,7 +52,11 @@
 
 <section class="relative mx-auto py-6 sm:py-10 px-6 max-w-6xl text-blue-web">
   {#if $bundle && e}
-    <div class="mb-6 uppercase text-gray-500"><a href="javascript:history.back()"><i class="fa-solid fa-arrow-left"></i>&nbsp;Zpět</a></div>
+    <div class="mb-6 uppercase text-gray-500">
+      <a href="javascript:history.back()"
+        ><i class="fa-solid fa-arrow-left" />&nbsp;Zpět</a
+      >
+    </div>
     <div class="mb-6 flex flex-wrap gap-4">
       <div><EventTypeLabel event={e} size="big" /></div>
       <div class="text-md my-auto">{trackRender(e.track)}</div>
@@ -79,12 +83,14 @@
     {#if e.parent}
       <div class="mt-6">
         <h2 class="text uppercase mb-4 font-semibold">Součást události:</h2>
-        <Event event={$bundle.spec.events.find(ev => ev.id === e.parent)} />
+        <Event event={$bundle.spec.events.find((ev) => ev.id === e.parent)} />
       </div>
     {/if}
     {#if childrens.length}
       <div class="mt-6">
-        <h2 class="text uppercase mb-4">Obsahuje události ({ childrens.length })</h2>
+        <h2 class="text uppercase mb-4">
+          Obsahuje události ({childrens.length})
+        </h2>
       </div>
       <div>
         {#each childrens as child}