From 9c9fe67d4407e04403502539df6565ef7d229d98 Mon Sep 17 00:00:00 2001
From: keraliss <keralis1131f@gmail.com>
Date: Tue, 5 Dec 2023 16:14:14 +0530
Subject: [PATCH 1/4] fixes #59 : improve menu bar

---
 src/components/common/hamburger.tsx | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/components/common/hamburger.tsx b/src/components/common/hamburger.tsx
index fe603cb..e0456b0 100644
--- a/src/components/common/hamburger.tsx
+++ b/src/components/common/hamburger.tsx
@@ -14,7 +14,7 @@ const Hamburger = () => {
   return (
     <>
       <button
-        className="relative h-12 w-12 rounded-lg  bg-[#f7f7f74d] focus:outline-none"
+        className="relative h-12 w-12 rounded-lg  bg-[#f7f7f74d]  focus:outline-none"
         onClick={handleClick}
       >
         <span className="sr-only">Open main menu</span>
@@ -46,7 +46,6 @@ const Hamburger = () => {
         hideHeader
         shouldCloseOnEsc
         from="left"
-        width="300px"
       >
         <SideMenu />
       </SlidingPane>
@@ -56,9 +55,21 @@ const Hamburger = () => {
 
 const SideMenu = () => {
   const links = [
-    { name: "Cohorts", url: "/website-v2/cohorts" },
-    { name: "Review Club", url: "/website-v2/review" },
-    { name: "Talks", url: "/website-v2/talks" },
+    {
+      name: "Cohorts",
+      url: "/website-v2/cohorts",
+      desc: "Learn About our Study Cohorts",
+    },
+    {
+      name: "Review Club",
+      url: "/website-v2/review",
+      desc: "Enjoy the Bitcoin PR Review Club",
+    },
+    {
+      name: "Talks",
+      url: "/website-v2/talks",
+      desc: "Learn about Bitcoin through insightful conversations",
+    },
     {
       name: "Join our Discord !",
       url: "https://discord.gg/ekzAUeeR",
@@ -83,9 +94,13 @@ const SideMenu = () => {
             <a
               href={link.url}
               target={link.tar}
-              className="text-2xl text-white hover:text-peach"
+              className="flex items-center font-header text-2xl font-bold text-white hover:text-orange lg:text-5xl"
             >
               {link.name}
+              <p className="  mx-10 mt-1 hidden items-center justify-center text-2xl text-white  lg:flex">
+                {" "}
+                {link.desc}{" "}
+              </p>
             </a>
           );
         })}

From ed9371b0fd425184afea6ffb09da96bb55110666 Mon Sep 17 00:00:00 2001
From: keraliss <keralis1131f@gmail.com>
Date: Wed, 6 Dec 2023 14:42:40 +0530
Subject: [PATCH 2/4] adding social media and other improvements

---
 package.json                        |  1 +
 pnpm-lock.yaml                      | 11 +++++
 src/components/common/hamburger.tsx | 64 ++++++++++++++++++++++++-----
 3 files changed, 65 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 3ebfe60..7223a77 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "astro": "^3.2.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
+    "react-icons": "^4.12.0",
     "react-sliding-pane": "^7.3.0",
     "tailwindcss": "^3.0.24"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5518f1b..087ebc6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ dependencies:
   react-dom:
     specifier: ^18.0.0
     version: 18.2.0(react@18.2.0)
+  react-icons:
+    specifier: ^4.12.0
+    version: 4.12.0(react@18.2.0)
   react-sliding-pane:
     specifier: ^7.3.0
     version: 7.3.0(react-dom@18.2.0)(react@18.2.0)
@@ -3529,6 +3532,14 @@ packages:
       scheduler: 0.23.0
     dev: false
 
+  /react-icons@4.12.0(react@18.2.0):
+    resolution: {integrity: sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==}
+    peerDependencies:
+      react: '*'
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
     dev: false
diff --git a/src/components/common/hamburger.tsx b/src/components/common/hamburger.tsx
index e0456b0..93231d8 100644
--- a/src/components/common/hamburger.tsx
+++ b/src/components/common/hamburger.tsx
@@ -1,6 +1,12 @@
 import { useState } from "react";
 import SlidingPane from "react-sliding-pane";
 import "./sliding-pane.css";
+import {
+  FaTwitter,
+  FaGithub,
+  FaYoutube,
+  FaLinkedin,
+} from "react-icons/fa";
 
 const Hamburger = () => {
   const [open, setOpen] = useState(false);
@@ -74,6 +80,7 @@ const SideMenu = () => {
       name: "Join our Discord !",
       url: "https://discord.gg/ekzAUeeR",
       tar: "_blank",
+      desc: "Join our Discord and be a part of the biggest technical bitcoin community",
     },
   ];
   return (
@@ -84,23 +91,58 @@ const SideMenu = () => {
           className="h-16"
         />
       </a>
-      <div>
+      <div className="flex">
         <hr className="my-10 w-1/3 border-0 bg-orange outline outline-orange" />
+        <div className="my-6 hidden gap-4 px-10 lg:flex">
+          <a
+            href="https://twitter.com/bitshala_org"
+            target="_blank"
+          >
+            <FaTwitter
+              style={{ color: "white", fontSize: "32px" }}
+            />
+          </a>
+          <a
+            href="https://github.com/bitshala"
+            target="_blank"
+          >
+            <FaGithub
+              style={{ color: "white", fontSize: "32px" }}
+            />
+          </a>
+          <a
+            href="https://www.youtube.com/@bitshala/videos"
+            target="_blank"
+          >
+            <FaYoutube
+              style={{ color: "white", fontSize: "32px" }}
+            />
+          </a>
+
+          <a
+            href="https://www.linkedin.com/company/bitshala"
+            target="_blank"
+          >
+            <FaLinkedin
+              style={{ color: "white", fontSize: "32px" }}
+            />
+          </a>
+        </div>
       </div>
 
       <ul className="flex h-1/2 flex-col justify-between">
         {links.map((link) => {
           return (
-            <a
-              href={link.url}
-              target={link.tar}
-              className="flex items-center font-header text-2xl font-bold text-white hover:text-orange lg:text-5xl"
-            >
-              {link.name}
-              <p className="  mx-10 mt-1 hidden items-center justify-center text-2xl text-white  lg:flex">
-                {" "}
-                {link.desc}{" "}
-              </p>
+            <a href={link.url} target={link.tar}>
+              <div className="flex ">
+                <p className="flex w-80 items-center font-header text-2xl font-bold text-white hover:text-orange lg:text-4xl">
+                  {link.name}
+                </p>
+                <p className="  mx-10 mt-1 hidden items-center justify-center text-2xl text-white  lg:flex">
+                  {" "}
+                  {link.desc}{" "}
+                </p>
+              </div>
             </a>
           );
         })}

From a046d2099f2f5b58a5deca25a99da9c8fb4e317e Mon Sep 17 00:00:00 2001
From: keraliss <keralis1131f@gmail.com>
Date: Wed, 6 Dec 2023 20:13:27 +0530
Subject: [PATCH 3/4] hover effect and size change

---
 src/components/common/hamburger.tsx | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/components/common/hamburger.tsx b/src/components/common/hamburger.tsx
index 93231d8..202d9d8 100644
--- a/src/components/common/hamburger.tsx
+++ b/src/components/common/hamburger.tsx
@@ -46,7 +46,7 @@ const Hamburger = () => {
         </div>
       </button>
       <SlidingPane
-        className=" bg-black"
+        className=" bg-black opacity-95"
         onRequestClose={handleClose}
         isOpen={open}
         hideHeader
@@ -98,34 +98,26 @@ const SideMenu = () => {
             href="https://twitter.com/bitshala_org"
             target="_blank"
           >
-            <FaTwitter
-              style={{ color: "white", fontSize: "32px" }}
-            />
+            <FaTwitter className="text-4xl text-white hover:text-[#1DA1F2]" />
           </a>
           <a
             href="https://github.com/bitshala"
             target="_blank"
           >
-            <FaGithub
-              style={{ color: "white", fontSize: "32px" }}
-            />
+            <FaGithub className="text-4xl text-white hover:text-[#6e5494]" />
           </a>
           <a
             href="https://www.youtube.com/@bitshala/videos"
             target="_blank"
           >
-            <FaYoutube
-              style={{ color: "white", fontSize: "32px" }}
-            />
+            <FaYoutube className="text-4xl text-white hover:text-[#CD201F]" />
           </a>
 
           <a
             href="https://www.linkedin.com/company/bitshala"
             target="_blank"
           >
-            <FaLinkedin
-              style={{ color: "white", fontSize: "32px" }}
-            />
+            <FaLinkedin className="text-4xl text-white hover:text-[#0077b5]" />
           </a>
         </div>
       </div>
@@ -135,10 +127,10 @@ const SideMenu = () => {
           return (
             <a href={link.url} target={link.tar}>
               <div className="flex ">
-                <p className="flex w-80 items-center font-header text-2xl font-bold text-white hover:text-orange lg:text-4xl">
+                <p className="flex w-80 items-center font-header text-3xl font-bold text-white hover:text-orange lg:text-4xl">
                   {link.name}
                 </p>
-                <p className="  mx-10 mt-1 hidden items-center justify-center text-2xl text-white  lg:flex">
+                <p className="  mx-10 mt-1 hidden items-center justify-center text-xl text-peach  lg:flex">
                   {" "}
                   {link.desc}{" "}
                 </p>

From 6e80ca9e51349d614aa9ef41aa481a5ff6bf3a81 Mon Sep 17 00:00:00 2001
From: keraliss <keralis1131f@gmail.com>
Date: Wed, 6 Dec 2023 21:32:12 +0530
Subject: [PATCH 4/4] fixes

---
 src/components/common/hamburger.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/common/hamburger.tsx b/src/components/common/hamburger.tsx
index 202d9d8..d86c3a8 100644
--- a/src/components/common/hamburger.tsx
+++ b/src/components/common/hamburger.tsx
@@ -46,7 +46,7 @@ const Hamburger = () => {
         </div>
       </button>
       <SlidingPane
-        className=" bg-black opacity-95"
+        className=" bg-black"
         onRequestClose={handleClose}
         isOpen={open}
         hideHeader
@@ -104,7 +104,7 @@ const SideMenu = () => {
             href="https://github.com/bitshala"
             target="_blank"
           >
-            <FaGithub className="text-4xl text-white hover:text-[#6e5494]" />
+            <FaGithub className="text-4xl text-white hover:rounded-full hover:bg-[black] hover:invert" />
           </a>
           <a
             href="https://www.youtube.com/@bitshala/videos"
@@ -131,8 +131,7 @@ const SideMenu = () => {
                   {link.name}
                 </p>
                 <p className="  mx-10 mt-1 hidden items-center justify-center text-xl text-peach  lg:flex">
-                  {" "}
-                  {link.desc}{" "}
+                  {link.desc}
                 </p>
               </div>
             </a>