From 8eb7150197d5793c233f8b35175b045c100fe4f7 Mon Sep 17 00:00:00 2001
From: Harsh Khandeparkar <shadowwarriorpro3003@gmail.com>
Date: Tue, 14 Nov 2023 12:17:44 +0530
Subject: [PATCH] feat: added sign out button, better buttons, and better error

---
 src/pages/MentorDashboard.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/MentorDashboard.tsx b/src/pages/MentorDashboard.tsx
index dfdb4980..91b2babc 100644
--- a/src/pages/MentorDashboard.tsx
+++ b/src/pages/MentorDashboard.tsx
@@ -58,12 +58,15 @@ function MentorDashboard() {
               src={`https://github.com/${authContext.userData.username}.png`}
             />
           </div>
+
           <h2 className="font-bold text-2xl text-center ">
             {authContext.userData.name} (@{authContext.userData.username})
           </h2>
-          <p className="text-center w-full">
-            <Link to={ROUTER_PATHS.MENTOR_FORM}>Edit</Link>
-          </p>
+
+          <div className="flex mt-2 justify-center gap-3">
+            <Link className="text-center py-2 px-5 py-auto h-fit text-indigo-100 bg-indigo-700 rounded-lg transition-colors duration-150 focus:shadow-outline hover:bg-indigo-800 disabled:bg-gray-600" to={ROUTER_PATHS.MENTOR_FORM}>Edit Info</Link>
+            <button className="text-center py-2 px-5 py-auto h-fit text-indigo-100 bg-red-700 rounded-lg transition-colors duration-150 focus:shadow-outline hover:bg-red-800 disabled:bg-gray-600" onClick={authContext.onLogout}>Sign Out</button>
+          </div>
         </div>
         <div className="relative overflow-x-hidden flex-1 flex-col flex flex-wrap">
           <div className="lg:pt-28">
@@ -86,7 +89,7 @@ function MentorDashboard() {
                 </Link>
               </div>
             ) : (
-              error
+              <p className="text-center text-red-500">{error}</p>
             )}
           </div>
         </div>