From 46a8bcc0309362770920891d247764ce7495463a Mon Sep 17 00:00:00 2001
From: jiho <jihopark09@naver.com>
Date: Mon, 11 Mar 2024 23:22:53 +0900
Subject: [PATCH 1/5] fix(fe): add hamburger

---
 apps/frontend/app/(main)/page.tsx             |  6 +-
 .../components/auth/HeaderAuthPanel.tsx       | 94 ++++++++++++++++++-
 2 files changed, 94 insertions(+), 6 deletions(-)

diff --git a/apps/frontend/app/(main)/page.tsx b/apps/frontend/app/(main)/page.tsx
index a2ad15597f..9d5c758fa6 100644
--- a/apps/frontend/app/(main)/page.tsx
+++ b/apps/frontend/app/(main)/page.tsx
@@ -7,7 +7,7 @@ import type { Route } from 'next'
 import Link from 'next/link'
 import { Suspense } from 'react'
 import Carousel from './_components/Carousel'
-import ContestCards from './_components/ContestCards'
+// import ContestCards from './_components/ContestCards'
 import ProblemCards from './_components/ProblemCards'
 
 // FIXME: Build error occurs when using static routes
@@ -49,7 +49,7 @@ export default function Home() {
   return (
     <div className="flex w-full flex-col gap-12 lg:items-center">
       <Carousel slides={slides} />
-      <div className="flex w-full flex-col gap-3">
+      {/* <div className="flex w-full flex-col gap-3">
         <div className="flex w-full items-center justify-between text-gray-700">
           <p className="text-xl font-bold">Contest</p>
           <Link href="/contest">
@@ -67,7 +67,7 @@ export default function Home() {
             <ContestCards />
           </Suspense>
         </div>
-      </div>
+      </div> */}
       <div className="flex w-full flex-col gap-3">
         <div className="flex w-full items-center justify-between text-gray-700">
           <p className="text-xl font-bold">Professor’s Recommendation</p>
diff --git a/apps/frontend/components/auth/HeaderAuthPanel.tsx b/apps/frontend/components/auth/HeaderAuthPanel.tsx
index 56707709f7..427b51df81 100644
--- a/apps/frontend/components/auth/HeaderAuthPanel.tsx
+++ b/apps/frontend/components/auth/HeaderAuthPanel.tsx
@@ -6,12 +6,14 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuTrigger,
-  DropdownMenuItem
+  DropdownMenuItem,
+  DropdownMenuSeparator
 } from '@/components/ui/dropdown-menu'
 import { cn } from '@/lib/utils'
 import useAuthModalStore from '@/stores/authModal'
 import useSignUpModalStore from '@/stores/signUpModal'
 import { LogOut, User, UserRoundCog } from 'lucide-react'
+import type { Route } from 'next'
 import type { Session } from 'next-auth'
 import { signOut } from 'next-auth/react'
 import Link from 'next/link'
@@ -41,7 +43,7 @@ export default function HeaderAuthPanel({
     <div className="ml-2 flex items-center gap-2">
       {session ? (
         <DropdownMenu>
-          <DropdownMenuTrigger className="flex gap-2 px-4 py-1">
+          <DropdownMenuTrigger className="hidden gap-2 px-4 py-1 md:flex">
             <p
               className={
                 group === 'editor'
@@ -110,7 +112,93 @@ export default function HeaderAuthPanel({
           </DialogContent>
         </Dialog>
       )}
-      <RxHamburgerMenu size="30" className="md:hidden" />
+      {session ? (
+        <DropdownMenu>
+          <DropdownMenuTrigger className="flex gap-2 px-4 py-1 md:hidden">
+            <RxHamburgerMenu size="30" className="md:hidden" />
+          </DropdownMenuTrigger>
+          <DropdownMenuContent>
+            {session?.user.role !== 'User' && (
+              <Link href="/admin">
+                <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
+                  <UserRoundCog className="size-4" /> Management
+                </DropdownMenuItem>
+              </Link>
+            )}
+            <DropdownMenuItem
+              className="text-primary flex cursor-pointer items-center gap-1 font-semibold"
+              onClick={() => {
+                signOut()
+              }}
+            >
+              {session?.user.username}
+            </DropdownMenuItem>
+            <DropdownMenuSeparator className="bg-gray-300" />
+            <Link href="/notice">
+              <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
+                Notice
+              </DropdownMenuItem>
+            </Link>
+            <Link href="/contest">
+              <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
+                Contest
+              </DropdownMenuItem>
+            </Link>
+            <Link href="/problem">
+              <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
+                Problem
+              </DropdownMenuItem>
+            </Link>
+            <DropdownMenuSeparator className="bg-gray-300" />
+            <DropdownMenuItem
+              className="flex cursor-pointer items-center gap-1 font-semibold"
+              onClick={() => {
+                signOut()
+              }}
+            >
+              <LogOut className="size-4" /> Log Out
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      ) : (
+        <Dialog open={currentModal !== ''} onOpenChange={hideModal}>
+          <DialogTrigger asChild>
+            <Button
+              onClick={() => showSignIn()}
+              variant={variants[group]}
+              className={cn(
+                'flex border-none px-3 py-1 text-base md:hidden ',
+                group === 'editor' ? 'font-medium' : 'font-semibold'
+              )}
+            >
+              Log In
+            </Button>
+          </DialogTrigger>
+          <DialogTrigger asChild>
+            <Button
+              onClick={() => {
+                showSignUp()
+                setModalPage(0)
+              }}
+              variant={variants[group]}
+              className={cn(
+                'flex border-none px-3 py-1 text-base md:hidden ',
+                group === 'editor' ? 'font-medium' : 'font-bold'
+              )}
+            >
+              Sign Up
+            </Button>
+          </DialogTrigger>
+          <DialogContent
+            onOpenAutoFocus={(e) => {
+              e.preventDefault()
+            }}
+            className="min-h-[30rem] max-w-[20.5rem]"
+          >
+            <AuthModal />
+          </DialogContent>
+        </Dialog>
+      )}
     </div>
   )
 }

From 47c18f827c02e68b8c16eacc14511165fbbb2b54 Mon Sep 17 00:00:00 2001
From: jiho <jihopark09@naver.com>
Date: Mon, 11 Mar 2024 23:25:04 +0900
Subject: [PATCH 2/5] fix

---
 apps/frontend/components/auth/HeaderAuthPanel.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/frontend/components/auth/HeaderAuthPanel.tsx b/apps/frontend/components/auth/HeaderAuthPanel.tsx
index 427b51df81..25a64b93c9 100644
--- a/apps/frontend/components/auth/HeaderAuthPanel.tsx
+++ b/apps/frontend/components/auth/HeaderAuthPanel.tsx
@@ -13,7 +13,6 @@ import { cn } from '@/lib/utils'
 import useAuthModalStore from '@/stores/authModal'
 import useSignUpModalStore from '@/stores/signUpModal'
 import { LogOut, User, UserRoundCog } from 'lucide-react'
-import type { Route } from 'next'
 import type { Session } from 'next-auth'
 import { signOut } from 'next-auth/react'
 import Link from 'next/link'

From 0de1c5a99096732161c324bd2ce1e76ac1a2c76e Mon Sep 17 00:00:00 2001
From: jiho <jihopark09@naver.com>
Date: Mon, 11 Mar 2024 23:31:59 +0900
Subject: [PATCH 3/5] fix(fe): fix Header Auth Panel

---
 apps/frontend/components/auth/HeaderAuthPanel.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/frontend/components/auth/HeaderAuthPanel.tsx b/apps/frontend/components/auth/HeaderAuthPanel.tsx
index 25a64b93c9..cce6f4cdbe 100644
--- a/apps/frontend/components/auth/HeaderAuthPanel.tsx
+++ b/apps/frontend/components/auth/HeaderAuthPanel.tsx
@@ -37,7 +37,6 @@ export default function HeaderAuthPanel({
     (state) => state
   )
   const { setModalPage } = useSignUpModalStore((state) => state)
-
   return (
     <div className="ml-2 flex items-center gap-2">
       {session ? (

From 779284ab1af0c27f542000c9057fe405d0515c01 Mon Sep 17 00:00:00 2001
From: jiho <jihopark09@naver.com>
Date: Tue, 12 Mar 2024 22:47:26 +0900
Subject: [PATCH 4/5] fix(fe): change order of hamburger list

---
 .../frontend/components/auth/HeaderAuthPanel.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/frontend/components/auth/HeaderAuthPanel.tsx b/apps/frontend/components/auth/HeaderAuthPanel.tsx
index cce6f4cdbe..6db78c7622 100644
--- a/apps/frontend/components/auth/HeaderAuthPanel.tsx
+++ b/apps/frontend/components/auth/HeaderAuthPanel.tsx
@@ -113,16 +113,9 @@ export default function HeaderAuthPanel({
       {session ? (
         <DropdownMenu>
           <DropdownMenuTrigger className="flex gap-2 px-4 py-1 md:hidden">
-            <RxHamburgerMenu size="30" className="md:hidden" />
+            <RxHamburgerMenu size="30" />
           </DropdownMenuTrigger>
           <DropdownMenuContent>
-            {session?.user.role !== 'User' && (
-              <Link href="/admin">
-                <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
-                  <UserRoundCog className="size-4" /> Management
-                </DropdownMenuItem>
-              </Link>
-            )}
             <DropdownMenuItem
               className="text-primary flex cursor-pointer items-center gap-1 font-semibold"
               onClick={() => {
@@ -131,6 +124,13 @@ export default function HeaderAuthPanel({
             >
               {session?.user.username}
             </DropdownMenuItem>
+            {session?.user.role !== 'User' && (
+              <Link href="/admin">
+                <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
+                  <UserRoundCog className="size-4" /> Management
+                </DropdownMenuItem>
+              </Link>
+            )}
             <DropdownMenuSeparator className="bg-gray-300" />
             <Link href="/notice">
               <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">

From 48734aee13e0713e857c8134504339d215fbd2ff Mon Sep 17 00:00:00 2001
From: jiho <jihopark09@naver.com>
Date: Tue, 12 Mar 2024 22:56:25 +0900
Subject: [PATCH 5/5] fix(fe): change order

---
 apps/frontend/components/auth/HeaderAuthPanel.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/components/auth/HeaderAuthPanel.tsx b/apps/frontend/components/auth/HeaderAuthPanel.tsx
index 6db78c7622..0d289215ae 100644
--- a/apps/frontend/components/auth/HeaderAuthPanel.tsx
+++ b/apps/frontend/components/auth/HeaderAuthPanel.tsx
@@ -124,13 +124,7 @@ export default function HeaderAuthPanel({
             >
               {session?.user.username}
             </DropdownMenuItem>
-            {session?.user.role !== 'User' && (
-              <Link href="/admin">
-                <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
-                  <UserRoundCog className="size-4" /> Management
-                </DropdownMenuItem>
-              </Link>
-            )}
+
             <DropdownMenuSeparator className="bg-gray-300" />
             <Link href="/notice">
               <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
@@ -148,6 +142,13 @@ export default function HeaderAuthPanel({
               </DropdownMenuItem>
             </Link>
             <DropdownMenuSeparator className="bg-gray-300" />
+            {session?.user.role !== 'User' && (
+              <Link href="/admin">
+                <DropdownMenuItem className="flex cursor-pointer items-center gap-1 font-semibold">
+                  <UserRoundCog className="size-4" /> Management
+                </DropdownMenuItem>
+              </Link>
+            )}
             <DropdownMenuItem
               className="flex cursor-pointer items-center gap-1 font-semibold"
               onClick={() => {