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=1737247203;
	bh=OFRxjw2GRV+MBhwoB6K0q0/q2yDWYXBqvAweb5hoslw=;
	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=BF57kczrZ+azi7IXGnHFDVZaZKXITRoxXPSXZVeu3yAoeDZfh6Rym+MShx+EaBkJ9
	 iXwqTWm7/bhX+wEWb3kY0X5I5SobiP5ngR2DDOrjeHSxlNHc0af+9yLMCsoukiHpOg
	 NmtFTEQEGeL7xe/Qpl3+wyIz9Eflu3rgeyR93X8yRHL8xHhg87TnnE291rXhaJGyGR
	 LRNOelU7MgQgyq5w3NkAlbce4Uj8TWir/OIQHBXTn6VQ9E+dbgVIUHG1jLg3Z1e480
	 buwqeHWl+6xKF75+OSFF16Y2GCvW+mSFOLbNu9VfiTjSZBiysA6I95jRhQ2R3QH7w+
	 rYEJ8dcYKOp2g==
Received: from localhost.localdomain (unknown [101.128.125.239])
	by server-vie001.gnuweeb.org (Postfix) with ESMTPSA id DED6A2061C22;
	Sun, 19 Jan 2025 00:40:01 +0000 (UTC)
From: Muhammad Rizki <kiizuha@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Kiizuha Kanazawa <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 08/16] feat(components): add header component
Date: Sun, 19 Jan 2025 07:39:01 +0700
Message-ID: <20250119003911.1183-9-kiizuha@gnuweeb.org>
X-Mailer: git-send-email 2.45.2.windows.1
In-Reply-To: <20250119003911.1183-1-kiizuha@gnuweeb.org>
References: <20250119003911.1183-1-kiizuha@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

From: Kiizuha Kanazawa <kiizuha@gnuweeb.org>

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

Signed-off-by: Kiizuha Kanazawa <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