Fixing minor

5 files changed, 12 insertions, 5 deletions

diff --git a/src/pages/login.js b/src/pages/login.js
index cd48e5e6..e80de44e 100644
--- a/src/pages/login.js
+++ b/src/pages/login.js
@@ -65,7 +65,7 @@ export default function Login() {
         <form onSubmit={login} className="w-full">
           <label className="form-label mt-4 mb-2">Alamat Email</label>
           <input 
-            type="text"
+            type="email"
             className="form-input bg-gray_r-2" 
             placeholder="johndoe@gmail.com"
             value={email}
diff --git a/src/pages/my/menu.js b/src/pages/my/menu.js
index 3de6f8a6..91d2d7c7 100644
--- a/src/pages/my/menu.js
+++ b/src/pages/my/menu.js
@@ -15,6 +15,7 @@ import {
   UserIcon,
   HeartIcon
 } from "@heroicons/react/24/outline"; 
+import WithAuth from "@/components/auth/WithAuth";
 
 const Menu = ({ icon, name, url }) => {
   return (
@@ -32,7 +33,7 @@ export default function MyMenu() {
   const [auth] = useAuth();
 
   return (
-    <>
+    <WithAuth>
       <Layout>
         <AppBar title="Menu Utama" />
 
@@ -76,6 +77,6 @@ export default function MyMenu() {
           </div>
         </div>
       </Layout>
-    </>
+    </WithAuth>
   );
 }
\ No newline at end of file
diff --git a/src/pages/my/wishlist.js b/src/pages/my/wishlist.js
index 9683c785..3d479802 100644
--- a/src/pages/my/wishlist.js
+++ b/src/pages/my/wishlist.js
@@ -1,4 +1,5 @@
 import WithAuth from "@/components/auth/WithAuth";
+import Alert from "@/components/elements/Alert";
 import Pagination from "@/components/elements/Pagination";
 import Spinner from "@/components/elements/Spinner";
 import AppBar from "@/components/layouts/AppBar";
@@ -38,6 +39,11 @@ export default function Wishlist() {
           { !wishlists && (
             <Spinner className="w-6 h-6 text-gray-600 fill-gray-900 mx-auto" />
           ) }
+          { wishlists?.products?.length == 0 && (
+            <Alert type='info' className='text-center'>
+              Wishlist anda masih kosong
+            </Alert>
+          ) }
           <div className="grid grid-cols-2 gap-3">
             {wishlists?.products.map((product) => (
               <ProductCard key={product.id} data={product} />
diff --git a/src/pages/register.js b/src/pages/register.js
index 046ae686..39bd137f 100644
--- a/src/pages/register.js
+++ b/src/pages/register.js
@@ -63,7 +63,7 @@ export default function Login() {
         <form onSubmit={register} className="w-full">
           <label className="form-label mt-4 mb-2">Alamat Email</label>
           <input 
-            type="text"
+            type="email"
             className="form-input bg-gray_r-2" 
             placeholder="johndoe@gmail.com"
             value={email}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 3a890a0e..c18f91d3 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -361,7 +361,7 @@ html, body {
 }
 
 .swiper-pagination-bullet-active {
-    @apply !bg-yellow-900;
+    @apply !bg-red_r-11;
 }
 
 .pagination {