Update: Added nodemon and SwaggerJS

hoangsonww · Dec 1, 2024 · 04c56c7 · 04c56c7
1 parent 4db245e
commit 04c56c7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 12 deletions.
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
@@ -18,12 +18,16 @@ function Login() {
     try {
       const response = await axios.post('https://mern-stack-ecommerce-app-h5wb.onrender.com/api/auth/login', { email, password });
       const token = response.data.token;
-      // Store token in localStorage or sessionStorage
       localStorage.setItem('MERNEcommerceToken', token);
-      // Redirect to the homepage or dashboard
       window.location.href = '/';
     } catch (err) {
-      setError(err.response?.data?.msg || 'Login failed');
+      if (err.response?.data?.errors) {
+        // Format the error messages for display
+        const errorMessages = err.response.data.errors.map(error => error.msg).join(', ');
+        setError(errorMessages);
+      } else {
+        setError(err.response?.data?.msg || 'Login failed');
+      }
     } finally {
       setLoading(false);
     }

diff --git a/src/pages/Register.jsx b/src/pages/Register.jsx
@@ -1,15 +1,15 @@
 import React, { useState } from 'react';
 import { Box, Container, TextField, Typography, Button, CircularProgress, Paper, IconButton, InputAdornment } from '@mui/material';
 import { Visibility, VisibilityOff } from '@mui/icons-material';
-import axios from 'axios'; // For making API calls
+import axios from 'axios';
 
 function Register() {
   const [name, setName] = useState('');
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
-  const [confirmPassword, setConfirmPassword] = useState(''); // New state for confirming password
-  const [showPassword, setShowPassword] = useState(false); // State for password visibility toggle
-  const [showConfirmPassword, setShowConfirmPassword] = useState(false); // State for confirm password visibility toggle
+  const [confirmPassword, setConfirmPassword] = useState('');
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
 
@@ -27,23 +27,25 @@ function Register() {
     try {
       const response = await axios.post('https://mern-stack-ecommerce-app-h5wb.onrender.com/api/auth/register', { name, email, password });
       const token = response.data.token;
-      // Store token in localStorage or sessionStorage
       localStorage.setItem('token', token);
-      // Redirect to the homepage or dashboard
       window.location.href = '/';
     } catch (err) {
-      setError(err.response?.data?.msg || 'Registration failed');
+      if (err.response?.data?.errors) {
+        // Format the error messages for display
+        const errorMessages = err.response.data.errors.map(error => error.msg).join(', ');
+        setError(errorMessages);
+      } else {
+        setError(err.response?.data?.msg || 'Registration failed');
+      }
     } finally {
       setLoading(false);
     }
   };
 
-  // Toggle password visibility
   const handleTogglePasswordVisibility = () => {
     setShowPassword(prev => !prev);
   };
 
-  // Toggle confirm password visibility
   const handleToggleConfirmPasswordVisibility = () => {
     setShowConfirmPassword(prev => !prev);
   };