From 3a3056ba76cf93c9f36cd4ddcd56551deaa62cea Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Tue, 19 May 2026 12:01:15 +0700
Subject: [PATCH] web(ui): migrate network to ui patterns

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/src/routes/network/+page.svelte | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/web/src/routes/network/+page.svelte b/web/src/routes/network/+page.svelte
index 5ae2d31..854ce01 100644
--- a/web/src/routes/network/+page.svelte
+++ b/web/src/routes/network/+page.svelte
@@ -55,6 +55,7 @@
 	import RefreshCw from '@lucide/svelte/icons/refresh-cw';
 	import Play from '@lucide/svelte/icons/play';
 	import NetworkIcon from '@lucide/svelte/icons/network';
+	import PageHeader from '$lib/ui/app/page-header/page-header.svelte';
 
 	// --- Peers ---
 	let peers = $state<PeerRow[]>([]);
@@ -226,19 +227,13 @@
 	}
 </script>
 
-<div class="space-y-6">
-	<div class="flex items-start gap-3">
-		<div
-			class="bg-chart-3/15 text-chart-3 flex size-11 shrink-0 items-center justify-center rounded-xl"
-			aria-hidden="true"
-		>
-			<NetworkIcon class="size-6" />
-		</div>
-		<div class="min-w-0">
-			<h1 class="text-2xl font-semibold tracking-tight">Сеть</h1>
-			<p class="text-muted-foreground mt-1 text-sm">BGP-пиры и спикеры (BIRD-агенты).</p>
-		</div>
-	</div>
+<div class="flex flex-col gap-6">
+	<PageHeader
+		title="Сеть"
+		description="BGP-пиры и спикеры (BIRD-агенты)."
+		icon={NetworkIcon}
+		iconClass="bg-chart-3/15 text-chart-3"
+	/>
 
 	<Tabs value="peers">
 		<TabsList>