From 7e03bd5ee4f4218a0a938257a17989eb1c56a8e2 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Fri, 13 Oct 2023 21:50:17 +0800
Subject: [PATCH] feat: add icon

---
 index.html                  | 2 +-
 public/icon.svg             | 9 +++++++++
 src/client/pages/Layout.tsx | 5 ++++-
 3 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 public/icon.svg
diff --git a/index.html b/index.html
index fbb2a4c..756f7de 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Tianji - Insight into everything</title>
   </head>
diff --git a/public/icon.svg b/public/icon.svg
new file mode 100644
index 0000000..e452887
--- /dev/null
+++ b/public/icon.svg
@@ -0,0 +1,9 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M257.106 206.055C277.953 206.822 330.317 199.265 373.004 162.897C404.216 168.882 434.586 174.598 445.87 176.708C389.643 210.083 298.416 268.202 257.106 268.202C212.577 268.202 114.242 210.083 53.6336 176.708C65.7966 174.598 98.5337 168.882 132.178 162.897C178.191 199.265 234.636 206.822 257.106 206.055Z" fill="black"/>
+<path d="M257.106 289.493C270.303 289.493 303.236 287.997 347.759 270.503C338.579 282.012 327.104 319.415 318.498 332.65C297.843 361.422 274.089 379.145 257.106 392.495C238.8 379.145 213.196 361.422 190.931 332.65C181.654 319.415 169.285 282.012 159.39 270.503C207.382 287.997 243.91 289.493 257.106 289.493Z" fill="#D9D9D9"/>
+<path d="M375.299 235.402C388.113 232.717 415.691 226.655 423.494 223.893C403.986 282.587 312.186 392.495 265.139 450.039L275.466 391.344C275.466 391.344 306.449 367.176 321.366 344.159C336.284 321.142 375.299 235.402 375.299 235.402Z" fill="black"/>
+<path d="M441.28 194.546C456.771 204.904 476.853 212.96 478 221.591C462.509 243.458 395.38 315.387 395.38 315.387L426.936 337.829C370.135 378.685 310.465 411.485 265.139 465C265.139 465 350.054 355.092 373.004 324.594C438.823 237.128 441.28 194.546 441.28 194.546Z" fill="black"/>
+<path d="M257.106 48.3858L273.745 34L324.809 51.8385L352.349 159.445C336.284 175.557 303.465 194.546 257.106 194.546C207.135 194.546 171.759 175.557 154.442 159.445L184.128 51.8385L239.171 34L257.106 48.3858Z" fill="black"/>
+<path d="M129.704 235.402C115.892 232.717 86.1645 226.655 77.7535 223.893C98.7811 282.587 197.734 392.495 248.448 450.039L237.316 391.344C237.316 391.344 203.919 367.176 187.839 344.159C171.759 321.142 129.704 235.402 129.704 235.402Z" fill="black"/>
+<path d="M58.5813 194.546C41.8829 204.904 20.2369 212.96 19 221.591C35.6984 243.458 108.058 315.387 108.058 315.387L74.0427 337.829C135.27 378.685 199.59 411.485 248.448 465C248.448 465 156.916 355.092 132.178 324.594C61.2302 237.128 58.5813 194.546 58.5813 194.546Z" fill="black"/>
+</svg>
diff --git a/src/client/pages/Layout.tsx b/src/client/pages/Layout.tsx
index d3bfc37..efd69da 100644
--- a/src/client/pages/Layout.tsx
+++ b/src/client/pages/Layout.tsx
@@ -26,7 +26,10 @@ export const Layout: React.FC = React.memo(() => {
     <div className="flex flex-col h-full">
       {showHeader && (
         <div className="flex items-center bg-gray-100 px-4 sticky top-0 z-20">
-          <div className="px-2 mr-10 font-bold">Tianji</div>
+          <div className="px-2 mr-10 font-bold flex items-center">
+            <img src="/icon.svg" className="w-10 h-10 mr-2" />
+            <span className="text-xl">Tianji</span>
+          </div>
           <div className="flex gap-8">
             <NavItem to="/dashboard" label="Dashboard" />
             <NavItem to="/monitor" label="Monitor" />
