From 7fcc40ebb6107b77acf6de8e1f89e61764b95e2f Mon Sep 17 00:00:00 2001
From: topeanut <ljhh1648@gmail.com>
Date: Thu, 9 May 2024 22:37:06 +0900
Subject: [PATCH 1/4] init counsels

---
 app/(main)/counsels/page.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/(main)/counsels/page.tsx b/app/(main)/counsels/page.tsx
index e18e805..4ffaf0e 100644
--- a/app/(main)/counsels/page.tsx
+++ b/app/(main)/counsels/page.tsx
@@ -1,5 +1,19 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import { useRouter } from "next/router";
+import { Card as UICard } from "@/components/ui/card";
+import React, { useState, useEffect } from "react";
+import styles from "../mentors/mainpage.module.css";
+import Link from "next/link";
+
 const CounselPage = () => {
-  return <main>나의 상담 신청 내역을 조회하는 페이지(커피챗 앱의 나의 커피챗 페이지라고 생각하면 될듯)</main>;
+  return (
+    <main>
+      나의 상담 신청 내역을 조회하는 페이지(커피챗 앱의 나의 커피챗 페이지라고
+      생각하면 될듯)
+    </main>
+  );
 };
 
 export default CounselPage;

From baea41b2ba11e5e9165690ea0fe1be744f8db3eb Mon Sep 17 00:00:00 2001
From: topeanut <ljhh1648@gmail.com>
Date: Fri, 10 May 2024 23:00:04 +0900
Subject: [PATCH 2/4] temp

---
 app/(main)/counsels/page.module.css | 0
 app/(main)/counsels/page.tsx        | 4 ++--
 2 files changed, 2 insertions(+), 2 deletions(-)
 create mode 100644 app/(main)/counsels/page.module.css

diff --git a/app/(main)/counsels/page.module.css b/app/(main)/counsels/page.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/app/(main)/counsels/page.tsx b/app/(main)/counsels/page.tsx
index 4ffaf0e..ed36b93 100644
--- a/app/(main)/counsels/page.tsx
+++ b/app/(main)/counsels/page.tsx
@@ -4,12 +4,12 @@ import { Button } from "@/components/ui/button";
 import { useRouter } from "next/router";
 import { Card as UICard } from "@/components/ui/card";
 import React, { useState, useEffect } from "react";
-import styles from "../mentors/mainpage.module.css";
+import styles from "../counsels/page.module.css";
 import Link from "next/link";
 
 const CounselPage = () => {
   return (
-    <main>
+    <main className = {styles.}>
       나의 상담 신청 내역을 조회하는 페이지(커피챗 앱의 나의 커피챗 페이지라고
       생각하면 될듯)
     </main>

From c0c889958d1adb71f396e0ce42afbfaba12f904b Mon Sep 17 00:00:00 2001
From: topeanut <ljhh1648@gmail.com>
Date: Fri, 10 May 2024 23:11:08 +0900
Subject: [PATCH 3/4] temp

---
 app/(main)/counsels/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(main)/counsels/page.tsx b/app/(main)/counsels/page.tsx
index ed36b93..83611fe 100644
--- a/app/(main)/counsels/page.tsx
+++ b/app/(main)/counsels/page.tsx
@@ -9,7 +9,7 @@ import Link from "next/link";
 
 const CounselPage = () => {
   return (
-    <main className = {styles.}>
+    <main className={styles.mainContainer}>
       나의 상담 신청 내역을 조회하는 페이지(커피챗 앱의 나의 커피챗 페이지라고
       생각하면 될듯)
     </main>

From 8e747d253f6648a4dc6c495cbcb236f4fa4e707c Mon Sep 17 00:00:00 2001
From: topeanut <ljhh1648@gmail.com>
Date: Sun, 12 May 2024 19:03:47 +0900
Subject: [PATCH 4/4] =?UTF-8?q?=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(main)/counsels/page.module.css | 57 +++++++++++++++++++++++++++++
 app/(main)/counsels/page.tsx        | 19 +++++++++-
 2 files changed, 74 insertions(+), 2 deletions(-)

diff --git a/app/(main)/counsels/page.module.css b/app/(main)/counsels/page.module.css
index e69de29..ac628aa 100644
--- a/app/(main)/counsels/page.module.css
+++ b/app/(main)/counsels/page.module.css
@@ -0,0 +1,57 @@
+.mainContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 100%;
+  min-height: 100vh;
+  height: 100%;
+}
+
+.buttonContainer {
+  display: flex;
+  flex-direction: column;
+  width: 200px;
+  background-color: #f8fafc;
+  padding: 20px;
+  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
+  height: 100%;
+}
+
+.content {
+  flex-grow: 1;
+  padding: 20px;
+}
+
+.navButton {
+  background-color: #f8fafc;
+  width: 100%;
+  padding: 8px;
+  margin: 5px 0;
+  border-radius: 10px;
+  color: #4b5563;
+  font-size: 16px;
+  font-weight: 500;
+  transition: background-color 0.3s, color 0.3s;
+  text-align: left;
+}
+
+.navButton:hover {
+  background-color: #e2e8f0;
+  color: #1d4ed8;
+}
+
+@media (max-width: 1023px) {
+  .mainContainer {
+    padding-top: 90px;
+  }
+  .buttonContainer {
+    padding-top: 90px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .mainContainer {
+    padding-left: 144px;
+    padding-top: 64px;
+  }
+}
diff --git a/app/(main)/counsels/page.tsx b/app/(main)/counsels/page.tsx
index 83611fe..eb6c1d1 100644
--- a/app/(main)/counsels/page.tsx
+++ b/app/(main)/counsels/page.tsx
@@ -8,10 +8,25 @@ import styles from "../counsels/page.module.css";
 import Link from "next/link";
 
 const CounselPage = () => {
+  const [view, setView] = useState("current");
+
   return (
     <main className={styles.mainContainer}>
-      나의 상담 신청 내역을 조회하는 페이지(커피챗 앱의 나의 커피챗 페이지라고
-      생각하면 될듯)
+      <div className={styles.buttonContainer}>
+        <Button className={styles.navButton} onClick={() => setView("past")}>
+          지난 상담
+        </Button>
+        <Button className={styles.navButton} onClick={() => setView("current")}>
+          현재 상담
+        </Button>
+      </div>
+      <div className={styles.content}>
+        {view === "current" ? (
+          <div>현재 상담 내역을 여기에 표시합니다.</div>
+        ) : (
+          <div>지난 상담 내역을 여기에 표시합니다.</div>
+        )}
+      </div>
     </main>
   );
 };