From c33f8003b05f5bd5ca11a8af9fa18543087d7450 Mon Sep 17 00:00:00 2001
From: "ildar.timerbaev" <dkildar@gmail.com>
Date: Mon, 4 Mar 2024 22:47:33 +0600
Subject: [PATCH] Added link to root in navigation logo

---
 .../comment/__snapshots__/index.spec.tsx.snap |   4 +-
 .../navbar/__snapshots__/index.spec.tsx.snap  | 128 +++++++++++-------
 .../navbar/navbar-main-sidebar-toggle.tsx     |  16 ++-
 3 files changed, 91 insertions(+), 57 deletions(-)

diff --git a/src/common/components/comment/__snapshots__/index.spec.tsx.snap b/src/common/components/comment/__snapshots__/index.spec.tsx.snap
index 2227e2580cf..a413a3a6577 100644
--- a/src/common/components/comment/__snapshots__/index.spec.tsx.snap
+++ b/src/common/components/comment/__snapshots__/index.spec.tsx.snap
@@ -219,7 +219,7 @@ exports[`(1) Default render 1`] = `
     </div>
     <div
       className="editor-tool"
-      id="editor-tool-emoji-picker-d3fa3a58-8b68-4bfd-81d6-b1c3aa17c356"
+      id="editor-tool-emoji-picker-2137a8b2-7697-4ab4-91d9-4a5203dcb738"
       role="none"
       title="Emoji"
     >
@@ -584,7 +584,7 @@ exports[`(2) Cancellable, in progress 1`] = `
     </div>
     <div
       className="editor-tool"
-      id="editor-tool-emoji-picker-2aa45d8a-ec80-4700-ab24-c5f7d52d3e65"
+      id="editor-tool-emoji-picker-d85947f8-110b-4884-987c-562e744cdc28"
       role="none"
       title="Emoji"
     >
diff --git a/src/common/components/navbar/__snapshots__/index.spec.tsx.snap b/src/common/components/navbar/__snapshots__/index.spec.tsx.snap
index 954ba3971ec..1ba9f5a3c53 100644
--- a/src/common/components/navbar/__snapshots__/index.spec.tsx.snap
+++ b/src/common/components/navbar/__snapshots__/index.spec.tsx.snap
@@ -10,10 +10,10 @@ exports[`(1) Default render 1`] = `
   >
     <div
       className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-      onClick={[Function]}
     >
       <div
         className="absolute flex gap-1 flex-col top-3.5 left-0"
+        onClick={[Function]}
       >
         <span
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -25,11 +25,15 @@ exports[`(1) Default render 1`] = `
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
         />
       </div>
-      <img
-        alt="Logo"
-        className="logo relative min-w-[40px] max-w-[40px]"
-        src="logo-circle.svg"
-      />
+      <a
+        href="/"
+      >
+        <img
+          alt="Logo"
+          className="logo relative min-w-[40px] max-w-[40px]"
+          src="logo-circle.svg"
+        />
+      </a>
     </div>
     <div
       className="text-menu hidden sm:flex items-center justify-center h-full md:mr-2 ml-3"
@@ -105,10 +109,10 @@ exports[`(1) Default render 1`] = `
     >
       <div
         className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-        onClick={[Function]}
       >
         <div
           className="absolute flex gap-1 flex-col top-3.5 left-0"
+          onClick={[Function]}
         >
           <span
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -120,11 +124,15 @@ exports[`(1) Default render 1`] = `
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
           />
         </div>
-        <img
-          alt="Logo"
-          className="logo relative min-w-[40px] max-w-[40px]"
-          src="logo-circle.svg"
-        />
+        <a
+          href="/"
+        >
+          <img
+            alt="Logo"
+            className="logo relative min-w-[40px] max-w-[40px]"
+            src="logo-circle.svg"
+          />
+        </a>
       </div>
       <div
         className="flex-1"
@@ -341,10 +349,10 @@ exports[`(2) Night Theme 1`] = `
   >
     <div
       className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-      onClick={[Function]}
     >
       <div
         className="absolute flex gap-1 flex-col top-3.5 left-0"
+        onClick={[Function]}
       >
         <span
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -356,11 +364,15 @@ exports[`(2) Night Theme 1`] = `
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
         />
       </div>
-      <img
-        alt="Logo"
-        className="logo relative min-w-[40px] max-w-[40px]"
-        src="logo-circle.svg"
-      />
+      <a
+        href="/"
+      >
+        <img
+          alt="Logo"
+          className="logo relative min-w-[40px] max-w-[40px]"
+          src="logo-circle.svg"
+        />
+      </a>
     </div>
     <div
       className="text-menu hidden sm:flex items-center justify-center h-full md:mr-2 ml-3"
@@ -436,10 +448,10 @@ exports[`(2) Night Theme 1`] = `
     >
       <div
         className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-        onClick={[Function]}
       >
         <div
           className="absolute flex gap-1 flex-col top-3.5 left-0"
+          onClick={[Function]}
         >
           <span
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -451,11 +463,15 @@ exports[`(2) Night Theme 1`] = `
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
           />
         </div>
-        <img
-          alt="Logo"
-          className="logo relative min-w-[40px] max-w-[40px]"
-          src="logo-circle.svg"
-        />
+        <a
+          href="/"
+        >
+          <img
+            alt="Logo"
+            className="logo relative min-w-[40px] max-w-[40px]"
+            src="logo-circle.svg"
+          />
+        </a>
       </div>
       <div
         className="flex-1"
@@ -672,10 +688,10 @@ exports[`(3) With active user 1`] = `
   >
     <div
       className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-      onClick={[Function]}
     >
       <div
         className="absolute flex gap-1 flex-col top-3.5 left-0"
+        onClick={[Function]}
       >
         <span
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -687,11 +703,15 @@ exports[`(3) With active user 1`] = `
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
         />
       </div>
-      <img
-        alt="Logo"
-        className="logo relative min-w-[40px] max-w-[40px]"
-        src="logo-circle.svg"
-      />
+      <a
+        href="/"
+      >
+        <img
+          alt="Logo"
+          className="logo relative min-w-[40px] max-w-[40px]"
+          src="logo-circle.svg"
+        />
+      </a>
     </div>
     <div
       className="text-menu hidden sm:flex items-center justify-center h-full md:mr-2 ml-3"
@@ -767,10 +787,10 @@ exports[`(3) With active user 1`] = `
     >
       <div
         className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-        onClick={[Function]}
       >
         <div
           className="absolute flex gap-1 flex-col top-3.5 left-0"
+          onClick={[Function]}
         >
           <span
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -782,11 +802,15 @@ exports[`(3) With active user 1`] = `
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
           />
         </div>
-        <img
-          alt="Logo"
-          className="logo relative min-w-[40px] max-w-[40px]"
-          src="logo-circle.svg"
-        />
+        <a
+          href="/"
+        >
+          <img
+            alt="Logo"
+            className="logo relative min-w-[40px] max-w-[40px]"
+            src="logo-circle.svg"
+          />
+        </a>
       </div>
       <div
         className="flex-1"
@@ -1003,10 +1027,10 @@ exports[`(4) With active user && usePrivate = false 1`] = `
   >
     <div
       className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-      onClick={[Function]}
     >
       <div
         className="absolute flex gap-1 flex-col top-3.5 left-0"
+        onClick={[Function]}
       >
         <span
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -1018,11 +1042,15 @@ exports[`(4) With active user && usePrivate = false 1`] = `
           className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
         />
       </div>
-      <img
-        alt="Logo"
-        className="logo relative min-w-[40px] max-w-[40px]"
-        src="logo-circle.svg"
-      />
+      <a
+        href="/"
+      >
+        <img
+          alt="Logo"
+          className="logo relative min-w-[40px] max-w-[40px]"
+          src="logo-circle.svg"
+        />
+      </a>
     </div>
     <div
       className="text-menu hidden sm:flex items-center justify-center h-full md:mr-2 ml-3"
@@ -1098,10 +1126,10 @@ exports[`(4) With active user && usePrivate = false 1`] = `
     >
       <div
         className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative"
-        onClick={[Function]}
       >
         <div
           className="absolute flex gap-1 flex-col top-3.5 left-0"
+          onClick={[Function]}
         >
           <span
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
@@ -1113,11 +1141,15 @@ exports[`(4) With active user && usePrivate = false 1`] = `
             className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700"
           />
         </div>
-        <img
-          alt="Logo"
-          className="logo relative min-w-[40px] max-w-[40px]"
-          src="logo-circle.svg"
-        />
+        <a
+          href="/"
+        >
+          <img
+            alt="Logo"
+            className="logo relative min-w-[40px] max-w-[40px]"
+            src="logo-circle.svg"
+          />
+        </a>
       </div>
       <div
         className="flex-1"
diff --git a/src/common/components/navbar/navbar-main-sidebar-toggle.tsx b/src/common/components/navbar/navbar-main-sidebar-toggle.tsx
index 36c062bf631..4ae8ce39eba 100644
--- a/src/common/components/navbar/navbar-main-sidebar-toggle.tsx
+++ b/src/common/components/navbar/navbar-main-sidebar-toggle.tsx
@@ -6,17 +6,19 @@ interface Props {
 
 export function NavbarMainSidebarToggle({ onClick }: Props) {
   return (
-    <div className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative" onClick={onClick}>
-      <div className="absolute flex gap-1 flex-col top-3.5 left-0">
+    <div className="h-[40px] min-w-[60px] pl-[30px] cursor-pointer relative">
+      <div className="absolute flex gap-1 flex-col top-3.5 left-0" onClick={onClick}>
         <span className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700" />
         <span className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700" />
         <span className="w-[20px] h-[2px] bg-gray-400 dark:bg-gray-700" />
       </div>
-      <img
-        src={require("../../img/logo-circle.svg")}
-        className="logo relative min-w-[40px] max-w-[40px]"
-        alt="Logo"
-      />
+      <a href="/">
+        <img
+          src={require("../../img/logo-circle.svg")}
+          className="logo relative min-w-[40px] max-w-[40px]"
+          alt="Logo"
+        />
+      </a>
     </div>
   );
 }