From 69032e6c4e5fa6c246543e40b3b7c584186b90ea Mon Sep 17 00:00:00 2001
From: serefyarar <mail@serafettin.net>
Date: Sat, 11 Jan 2025 08:16:23 -0500
Subject: [PATCH] Revert "Deprecate web app login"

This reverts commit 82690cedf841fe80c6cf1814ddfe54349afe952d.
---
 web-app/src/components/new/AppHeader.tsx      | 25 ++++++++++++++++++-
 .../src/components/sections/landing/Hero.tsx  |  1 +
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/web-app/src/components/new/AppHeader.tsx b/web-app/src/components/new/AppHeader.tsx
index 07120b22..1dfe0211 100644
--- a/web-app/src/components/new/AppHeader.tsx
+++ b/web-app/src/components/new/AppHeader.tsx
@@ -4,6 +4,7 @@ import { useAuth } from "@/context/AuthContext";
 import Image from "next/image";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useState, useEffect } from "react";
+import Button from "./Button";
 
 const AppHeader = () => {
   const router = useRouter();
@@ -78,9 +79,31 @@ const AppHeader = () => {
               </a>
             </li>
           </ul>
-
+          <Button onClick={connect}>Connect</Button>
         </div>
 
+        <div className="md:hidden flex flex-row gap-4 items-center">
+          <Button onClick={connect}>Connect</Button>
+          <button
+            className="text-white"
+            onClick={() => setIsMenuOpen(!isMenuOpen)}
+          >
+            <svg
+              className="w-6 h-6"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M4 6h16M4 12h16m-7 6h7"
+              ></path>
+            </svg>
+          </button>
+        </div>
       </div>
 
       {isMenuOpen && (
diff --git a/web-app/src/components/sections/landing/Hero.tsx b/web-app/src/components/sections/landing/Hero.tsx
index 7ea4c01c..8d3af4fd 100644
--- a/web-app/src/components/sections/landing/Hero.tsx
+++ b/web-app/src/components/sections/landing/Hero.tsx
@@ -41,6 +41,7 @@ const HeroSection = () => {
             discovery experiences across the web.
           </p>
           <div className="flex gap-4">
+            <Button onClick={connect}>Connect</Button>
             <Button
               variant="outline"
               onClick={() => {