From b7e39b59fd0fc7b5610ebff29035bf622079e0d8 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Wed, 5 Oct 2022 20:45:21 +0800
Subject: refactor: Change file structure

---
 code/app/src/routes/(main)/+layout.svelte | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 code/app/src/routes/(main)/+layout.svelte

(limited to 'code/app/src/routes/(main)/+layout.svelte')

diff --git a/code/app/src/routes/(main)/+layout.svelte b/code/app/src/routes/(main)/+layout.svelte
new file mode 100644
index 0000000..1a870bb
--- /dev/null
+++ b/code/app/src/routes/(main)/+layout.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+    import "../../app.pcss";
+    import { setLocale } from "$lib/i18n/i18n-svelte";
+    import LocaleSwitcher from "$lib/components/locale-switcher.svelte";
+    import { ExclamationTriangleIcon } from "$lib/components/icons";
+    import type { LayoutData } from "./$types";
+
+    let online = true;
+    export let data: LayoutData;
+    setLocale(data.locale);
+</script>
+
+<svelte:window bind:online />
+
+{#if !online}
+    <div class="bg-yellow-50 relative z-50 p-4">
+        <div class="flex">
+            <div class="flex-shrink-0">
+                <ExclamationTriangleIcon class="bg-yellow-50 text-yellow-500" />
+            </div>
+            <div class="ml-3">
+                <p class="text-sm text-yellow-700">You seem to be offline, please check your internet connection.</p>
+            </div>
+        </div>
+    </div>
+{/if}
+
+<LocaleSwitcher />
+<slot />
-- 
cgit v1.3