From 07b30e319f5a6f51ff5b044840345e05a9deb931 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Thu, 22 Dec 2022 16:20:51 +0700
Subject: no message

---
 src/components/AppBar.js |  6 +++---
 src/pages/my/menu.js     | 11 ++++++-----
 src/pages/my/profile.js  |  2 +-
 3 files changed, 10 insertions(+), 9 deletions(-)

(limited to 'src')
diff --git a/src/components/AppBar.js b/src/components/AppBar.js
index f22d630f..68a93f64 100644
--- a/src/components/AppBar.js
+++ b/src/components/AppBar.js
@@ -12,16 +12,16 @@ const AppBar = ({ title }) => {
       <Head>
         <title>{ title } - Indoteknik</title>
       </Head>
-      <div className="flex justify-between p-4 border-b border-gray_r-6">
+      <div className="flex justify-between px-4 py-5 border-b border-gray_r-6">
         {/* --- Start Title */}
-        <button type="button" onClick={() => router.back()} className="flex gap-x-2 text-gray_r-12">
+        <button type="button" onClick={() => router.back()} className="flex gap-x-2 items-center text-gray_r-12">
           <ChevronLeftIcon className="w-6 stroke-2"/>
           <h1>{ title }</h1> 
         </button>
         {/* --- End Title */}
 
         {/* --- Start Icons */}
-        <div className="flex gap-x-3">
+        <div className="flex gap-x-4">
           <HeartIcon className="w-6 stroke-2"/>
           <Link href="/">
             <HomeIcon className="w-6 stroke-2 text-gray_r-12"/>
diff --git a/src/pages/my/menu.js b/src/pages/my/menu.js
index 7454d8d1..4d8c956e 100644
--- a/src/pages/my/menu.js
+++ b/src/pages/my/menu.js
@@ -6,8 +6,7 @@ import { useAuth } from "../../helpers/auth";
 import {
   ChevronRightIcon,
   Cog6ToothIcon,
-  DocumentTextIcon,
-  UserCircleIcon, UserIcon
+  UserIcon
 } from "@heroicons/react/24/outline"; 
 
 const menus = [
@@ -25,9 +24,11 @@ export default function MyMenu() {
       <Layout>
         <AppBar title="Menu Utama" />
 
-        <div className="p-4 flex gap-x-2 items-start bg-yellow_r-3 text-yellow_r-12">
-          <div className="flex-1 flex gap-x-2 items-start">
-            <UserCircleIcon className="w-6" />
+        <div className="p-4 flex gap-x-2 items-center">
+          <div className="flex-1 flex gap-x-2 items-center">
+            <div className="p-2 bg-gray_r-4 rounded-full h-fit">
+              <UserIcon className="w-6" />
+            </div>
             <div>
               <h2>{ auth.name }</h2>
               <p className="text-yellow_r-12/80">{ auth.email }</p>
diff --git a/src/pages/my/profile.js b/src/pages/my/profile.js
index 44ccfebd..edde307f 100644
--- a/src/pages/my/profile.js
+++ b/src/pages/my/profile.js
@@ -36,7 +36,7 @@ export default function MyProfile() {
       <Layout>
         <AppBar title="Akun Saya" />
         <form onSubmit={update} className="w-full px-4">
-          { auth && (
+          { auth?.id && (
             <>
               <label className="form-label mt-4 mb-2">Email</label>
               <input 
-- 
cgit v1.2.3

