From 900bb5e845c3ad44defbd427cae3d44a4a43321f Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Sat, 25 Feb 2023 13:15:44 +0100
Subject: feat: Initial commit

---
 code/app/src/routes/(main)/+layout.svelte | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 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..7662d6a
--- /dev/null
+++ b/code/app/src/routes/(main)/+layout.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+    import "../../app.pcss";
+    import { setLocale } from "$i18n/i18n-svelte";
+    import { ExclamationTriangleIcon } from "$components/icons";
+    import { page } from "$app/stores";
+    import type { LayoutData } from "./$types";
+
+    let online = true;
+    export let data: LayoutData;
+    setLocale(data.locale);
+</script>
+
+<svelte:window bind:online />
+<svelte:head>
+    <title>{$page.data.title ? $page.data.title + " - Greatoffice" : "Greatoffice"}</title>
+</svelte:head>
+
+{#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}
+
+<slot />
-- 
cgit v1.3

