From 3724cb13f725b144008073890afa68c95b7c9d53 Mon Sep 17 00:00:00 2001
From: Jane Moroz <Moroz.jane@yahoo.com>
Date: Tue, 12 Sep 2023 14:36:58 +0300
Subject: [PATCH] feat: add Mode Toggle to Navbar

---
 src/components/navbar/Navbar.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx
index 290403bd..7570e556 100644
--- a/src/components/navbar/Navbar.tsx
+++ b/src/components/navbar/Navbar.tsx
@@ -1,4 +1,4 @@
-import { Avatar } from "@/components";
+import { Avatar, ModeToggle } from "@/components";
 import { Bell, ChinguMenu, DropDown } from "@/components/navbar";
 
 const name = "Yorick";
@@ -6,13 +6,14 @@ const notificationCount = 4;
 
 export default function Navbar() {
   return (
-    <nav className="navbar bg-primary h-8">
+    <nav className="h-8 navbar bg-primary">
       <div className="flex-1 pl-2">
         <ChinguMenu />
       </div>
-      <div>
+      <div className="flex gap-x-10">
+        <ModeToggle />
         <Bell notificationCount={notificationCount} />
-        <div className="px-2 ml-6 flex flex-row items-center">
+        <div className="flex flex-row items-center pr-2">
           <Avatar image="/avatar.png" height={34} width={34} />
           <DropDown name={name} />
         </div>