public inbox for [email protected]
 help / color / mirror / Atom feed
From: Muhammad Rizki <[email protected]>
To: Ammar Faizi <[email protected]>
Cc: Kiizuha Kanazawa <[email protected]>,
	Alviro Iskandar Setiawan <[email protected]>,
	Dwiky Rizky Ananditya <[email protected]>,
	GNU/Weeb Mailing List <[email protected]>
Subject: [PATCH v1 13/16] feat(routes): add main layout for the protected routes
Date: Sun, 19 Jan 2025 07:39:06 +0700	[thread overview]
Message-ID: <[email protected]> (raw)
In-Reply-To: <[email protected]>

From: Kiizuha Kanazawa <[email protected]>

this layout includes handle authentication check, sidebar and header.

Signed-off-by: Kiizuha Kanazawa <[email protected]>
---
 src/routes/(protected)/+layout.svelte | 19 +++++++++++++++++++
 src/routes/(protected)/+layout.ts     | 11 +++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 src/routes/(protected)/+layout.svelte
 create mode 100644 src/routes/(protected)/+layout.ts

diff --git a/src/routes/(protected)/+layout.svelte b/src/routes/(protected)/+layout.svelte
new file mode 100644
index 0000000..e88b3fb
--- /dev/null
+++ b/src/routes/(protected)/+layout.svelte
@@ -0,0 +1,19 @@
+<script>
+  import * as Sidebar from "$lib/components/ui/sidebar";
+  import AppSidebar from "$components/customs/app-sidebar.svelte";
+  import Header from "$components/customs/header.svelte";
+  import Separator from "$components/ui/separator/separator.svelte";
+
+  let { children } = $props();
+</script>
+
+<Sidebar.Provider class="light">
+  <AppSidebar />
+
+  <Sidebar.Inset>
+    <Header />
+    <Separator />
+
+    <main class="px-5 py-4">{@render children()}</main>
+  </Sidebar.Inset>
+</Sidebar.Provider>
diff --git a/src/routes/(protected)/+layout.ts b/src/routes/(protected)/+layout.ts
new file mode 100644
index 0000000..dd687a1
--- /dev/null
+++ b/src/routes/(protected)/+layout.ts
@@ -0,0 +1,11 @@
+import { useAuth } from "$lib/hooks/auth.svelte";
+import { redirect } from "@sveltejs/kit";
+import type { LayoutLoad } from "./$types";
+
+export const load: LayoutLoad = async () => {
+  const auth = useAuth();
+
+  if (!auth.isValid()) return redirect(307, "/");
+
+  auth.refresh();
+};
-- 
Muhammad Rizki


  parent reply	other threads:[~2025-01-19  0:40 UTC|newest]

Thread overview: 17+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2025-01-19  0:38 [PATCH v1 00/16] Refactor GNU/Weeb Mail Site Muhammad Rizki
2025-01-19  0:38 ` [PATCH v1 01/16] feat(routes): configure page layout options Muhammad Rizki
2025-01-19  0:38 ` [PATCH v1 02/16] feat(fonts): add Google fonts Muhammad Rizki
2025-01-19  0:38 ` [PATCH v1 03/16] feat(components): add shadcn-svelte components Muhammad Rizki
2025-01-19  0:38 ` [PATCH v1 04/16] feat(deps): add `axios` as HTTP client Muhammad Rizki
2025-01-19  0:38 ` [PATCH v1 05/16] feat(deps): add `svelte-copy` dependency Muhammad Rizki
2025-01-19  0:38 ` [PATCH v1 06/16] feat(constants): add navigations and mail-config constant Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 07/16] feat(components): add loading spinner component Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 08/16] feat(components): add header component Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 09/16] feat: initial hooks, schemas, typings for the login functions Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 10/16] feat(components): add app-sidebar component Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 11/16] feat(routes): create initial settings page Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 12/16] feat(routes): add home page Muhammad Rizki
2025-01-19  0:39 ` Muhammad Rizki [this message]
2025-01-19  0:39 ` [PATCH v1 14/16] feat(routes): add login page Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 15/16] chore(.gitignore): add patch files ignore Muhammad Rizki
2025-01-19  0:39 ` [PATCH v1 16/16] chore: update README.md Muhammad Rizki

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox