From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <kiizuha@gnuweeb.org>
X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on
	server-vie001.gnuweeb.org
X-Spam-Level: 
X-Spam-Status: No, score=-1.2 required=5.0 tests=ALL_TRUSTED,DKIM_SIGNED,
	DKIM_VALID,DKIM_VALID_AU,DKIM_VALID_EF,URIBL_DBL_BLOCKED_OPENDNS,
	URIBL_ZEN_BLOCKED_OPENDNS autolearn=ham autolearn_force=no
	version=3.4.6
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=gnuweeb.org;
	s=default; t=1737249151;
	bh=7xDtUix7KAUow4HrI49o14KvXNNBlXPVVVJ7Z7kodBM=;
	h=From:To:Cc:Subject:Date:Message-ID:In-Reply-To:References:
	 MIME-Version:Content-Transfer-Encoding:Message-ID:Date:From:
	 Reply-To:Subject:To:Cc:In-Reply-To:References:Resent-Date:
	 Resent-From:Resent-To:Resent-Cc:User-Agent:Content-Type:
	 Content-Transfer-Encoding;
	b=qgddUHDybSERM9mSDcHGArWr8HPIgXZVaiTpJ+rEDX+TJoIoyVSAYwZxQz0d4pOjK
	 d+W9KXaF/jtYnmH2srXO5s0HamaNxIsMVBHVaYVj9XA9Hf87soheOkJ2iOHS2Qbzur
	 Vjs32agSbaqye4ZguG1Ueg0Dc8bMDBo1Rcch3i4nv/yX5F4u0ey/Q7mJipOPMRg9Sc
	 wMPMW3o7LSWHC922+fT5sgzJuI+WUmmXpcTFXMZkkg8NNL3jcJ9mFNG2k3v6VvF0Iy
	 6++4cyEoSow6qeTDUApRIatJW1SRfhPdSEqdrQ7DOMP05Uj40mVrdXBF1fWf4ysOCA
	 WSx07s6OZpMbA==
Received: from localhost.localdomain (unknown [101.128.125.239])
	by server-vie001.gnuweeb.org (Postfix) with ESMTPSA id 97D742061C2A;
	Sun, 19 Jan 2025 01:12:30 +0000 (UTC)
From: Muhammad Rizki <kiizuha@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Muhammad Rizki <kiizuha@gnuweeb.org>,
	Alviro Iskandar Setiawan <alviro.iskandar@gnuweeb.org>,
	Dwiky Rizky Ananditya <kyzsuki@gnuweeb.org>,
	GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>
Subject: [PATCH v1 09/17] feat(components): add header component
Date: Sun, 19 Jan 2025 08:11:26 +0700
Message-ID: <20250119011136.1254-10-kiizuha@gnuweeb.org>
X-Mailer: git-send-email 2.45.2.windows.1
In-Reply-To: <20250119011136.1254-1-kiizuha@gnuweeb.org>
References: <20250119011136.1254-1-kiizuha@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

this component will display any contents including breadcrumb (for now)
on the top of the main page.

Signed-off-by: Muhammad Rizki <kiizuha@gnuweeb.org>
---
 src/lib/components/customs/header.svelte | 32 ++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/lib/components/customs/header.svelte

diff --git a/src/lib/components/customs/header.svelte b/src/lib/components/customs/header.svelte
new file mode 100644
index 0000000..44c681e
--- /dev/null
+++ b/src/lib/components/customs/header.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+  import * as Sidebar from "$lib/components/ui/sidebar";
+  import * as Breadcrumb from "$lib/components/ui/breadcrumb";
+  import { page } from "$app/state";
+  import { navigations } from "$constants";
+  import Separator from "$components/ui/separator/separator.svelte";
+
+  const getRouteName = () => {
+    const pathname = page.url.pathname;
+    const found = navigations.find((path) => path.url === pathname);
+
+    return found?.name ?? "";
+  };
+</script>
+
+<header class="flex h-16 shrink-0 items-center gap-2">
+  <div class="flex items-center gap-2 px-4">
+    <Sidebar.Trigger />
+    <Separator orientation="vertical" class="h-5" />
+    <Breadcrumb.Root>
+      <Breadcrumb.List>
+        <Breadcrumb.Item>
+          <Breadcrumb.Link href="/">G/W Mail</Breadcrumb.Link>
+        </Breadcrumb.Item>
+        <Breadcrumb.Separator />
+        <Breadcrumb.Item class="select-none">
+          <Breadcrumb.Page>{getRouteName()}</Breadcrumb.Page>
+        </Breadcrumb.Item>
+      </Breadcrumb.List>
+    </Breadcrumb.Root>
+  </div>
+</header>
-- 
Muhammad Rizki