From 40843c5c909b1610b0aa07cc12edd99c34d2938f Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 7 Mar 2024 03:21:54 +0530
Subject: [PATCH] feat: init sidebar

---
 ui/src/components/Sidebar/index.tsx | 36 +++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 ui/src/components/Sidebar/index.tsx

diff --git a/ui/src/components/Sidebar/index.tsx b/ui/src/components/Sidebar/index.tsx
new file mode 100644
index 00000000..042959a6
--- /dev/null
+++ b/ui/src/components/Sidebar/index.tsx
@@ -0,0 +1,36 @@
+import React from "react";
+import { Layout, Menu, Col, Row } from "antd";
+import { Link } from "react-router-dom"; 
+
+const { Sider } = Layout;
+
+const Sidebar = () => {
+  return (
+    <Sider
+      className="h-screen bg-gray-800 text-white fixed top-0 left-0 flex flex-col justify-between"
+      width={250} 
+    >
+      <div className="flex items-center py-4 px-6">
+        {/* Add logo image here */}
+        <img src="your_logo.png" alt="Your company logo" className="h-8 w-auto mr-4" />
+        <span className="text-xl font-bold">App Name</span>
+      </div>
+      <Menu mode="vertical" theme="dark">
+        <Menu.Item key="1">
+          <Link to="/dashboard">Dashboard</Link>
+        </Menu.Item>
+        <Menu.Item key="2">
+          <Link to="/settings">Settings</Link>
+        </Menu.Item>
+        <Menu.Item key="3">
+          <Link to="/users">Users</Link>
+        </Menu.Item>
+        <Menu.Item key="4">
+          <Link to="/profile">Profile</Link>
+        </Menu.Item>
+      </Menu>
+    </Sider>
+  );
+};
+
+export default Sidebar;