Merge branch 'master' into swapee

1 files changed, 42 insertions, 20 deletions

diff --git a/src/components/About.svelte b/src/components/About.svelte
index ee756afb..62a46bda 100644
--- a/src/components/About.svelte
+++ b/src/components/About.svelte
@@ -1,27 +1,49 @@
 <script>
-	export let locations;
+  import { onMount } from "svelte";
+  import Icon from "$comp/Icon.svelte";
+  import Image from "$comp/Image.svelte";
+  import LocationsMap from "$comp/LocationsMap.svelte";
+  import { t } from "$lib/translations";
 
-	import { Image, Icon, LocationsMap } from '$comp';
-	import { t } from '$lib/translations';
+  let team = [
+    {
+      name: "adam",
+      socials: [
+        {
+          type: "twitter",
+          url: "https://twitter.com/adamsoltys",
+          color: "bg-[#1D9BF0]",
+        },
+        {
+          type: "github",
+          url: "https://github.com/asoltys",
+          color: "bg-gray-800",
+        },
+      ],
+    },
+    { name: "cole", socials: [] },
+  ];
 
-	let team = [
-		{
-			name: 'adam',
-			socials: [
-				{ type: 'twitter', url: 'https://twitter.com/adamsoltys', color: 'bg-[#1D9BF0]' },
-				{ type: 'github', url: 'https://github.com/asoltys', color: 'bg-gray-800' }
-			]
-		},
-		{ name: 'cole', socials: [] }
-	];
+  let locations;
+  onMount(async () => {
+    try {
+      ({ locations } = await fetch("/locations").then((r) => r.json()));
+    } catch (e) {
+      console.log(e);
+    }
+  });
 </script>
 
 {#if locations?.length}
-	<div>
-		<h3 class="text-5xl font-medium mb-5 text-center">{$t('about.locations.header')}</h3>
-		<p class="text-secondary text-xl w-full md:w-10/12 lg:w-2/3 2xl:w-[800px] mx-auto mb-10">
-			{@html $t('about.locations.description')}
-		</p>
-		<LocationsMap {locations} />
-	</div>
+  <div>
+    <h3 class="text-5xl font-medium mb-5 text-center">
+      {$t("about.locations.header")}
+    </h3>
+    <p
+      class="text-secondary text-xl w-full md:w-10/12 lg:w-2/3 2xl:w-[800px] mx-auto mb-10"
+    >
+      {@html $t("about.locations.description")}
+    </p>
+    <LocationsMap {locations} />
+  </div>
 {/if}