From 07aacfa6e959e6d0777530766ca4474401dbb770 Mon Sep 17 00:00:00 2001
From: arjunmishraaa <arjunmishraaa01@gmail.com>
Date: Thu, 2 Jan 2025 15:52:47 +0530
Subject: [PATCH] upadting the changes

---
 src/Pages/Shop.js       |  8 +++++---
 src/Pages/login.js      | 16 ++++++++++------
 src/componets/Button.js |  1 +
 src/componets/Navbar.js |  9 +++++++++
 4 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/Pages/Shop.js b/src/Pages/Shop.js
index 739b892..5129f86 100644
--- a/src/Pages/Shop.js
+++ b/src/Pages/Shop.js
@@ -94,19 +94,21 @@ const ProductPrice = styled.p`
 `;
 
 const StyledButton = styled.button`
-  background: linear-gradient(145deg, #6b4f4f, #7d5858);
+  background: linear-gradient(145deg, #7c2214, #7c2216);
   color: white;
   border: none;
   padding: 0.6rem 1.2rem;
   font-size: 1rem;
-  border-radius: 20px;
+  border-radius: 4px;
   cursor: pointer;
   letter-spacing: 0.6px;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
   transition: background 0.3s ease, transform 0.2s ease;
 
   &:hover {
-    background: linear-gradient(145deg, #7d5858, #8e6a6a);
+    background: linear-gradient(145deg,rgb(241, 231, 231),rgb(255, 250, 250));
+    color : #7c2214;
+    border : 2px solid #651d14;
     transform: scale(1.05);
   }
     
diff --git a/src/Pages/login.js b/src/Pages/login.js
index 994c7e1..1c71262 100644
--- a/src/Pages/login.js
+++ b/src/Pages/login.js
@@ -1,4 +1,3 @@
-
 import React, { useState } from 'react';
 import { useDispatch } from 'react-redux';
 import { login } from '../Store/authSlice';
@@ -70,12 +69,17 @@ function Login() {
 
   const handleSubmit = (e) => {
     e.preventDefault();
-    const storedUser = JSON.parse(localStorage.getItem('user'));
-    if (storedUser && storedUser.username === username && storedUser.email === email && storedUser.password === password) {
-      dispatch(login({ username, email }));
-      navigate('/profile'); // Redirect to home page
+    const storedUser = localStorage.getItem('user');
+    if (storedUser) {
+      const parsedUser = JSON.parse(storedUser);
+      if (parsedUser.username === username && parsedUser.email === email && parsedUser.password === password) {
+        dispatch(login({ username, email }));
+        navigate('/profile'); // Redirect to profile page
+      } else {
+        setError('Invalid credentials');
+      }
     } else {
-      setError('Invalid credentials');
+      setError('No user data found');
     }
   };
 
diff --git a/src/componets/Button.js b/src/componets/Button.js
index 3c6afe6..9fcc711 100644
--- a/src/componets/Button.js
+++ b/src/componets/Button.js
@@ -4,6 +4,7 @@ import styled from 'styled-components';
 
 const StyledButton = styled(motion.button)`
   padding: 0.5rem 1rem;
+  margin: 1rem 1rem;
   font-size: 1rem;
   background-color: ${props => props.primary ? '#7c2214' : '#7c2214'};
   color: ${props => props.primary ? 'white' : 'white'};
diff --git a/src/componets/Navbar.js b/src/componets/Navbar.js
index 6937088..85c63fe 100644
--- a/src/componets/Navbar.js
+++ b/src/componets/Navbar.js
@@ -203,22 +203,31 @@ function Navbar() {
           <Link to="/">MsCafe</Link>
         </Logo>
         <NavLinks>
+
+          {/* <!-- ------NavLink:::::Home-------------------> */}
           <NavLink className={location.pathname === '/' ? 'active' : ''}
           whileHover={{ scale: 1.05 }}>
             <Link to="/">Home</Link>
           </NavLink>
+          {/* <!-- ------NavLink:::::Shop-------------------> */}
           <NavLink className={location.pathname === '/shop' ? 'active' : ''}
           whileHover={{ scale: 1.05 }}>
             <Link to="/shop">Shop</Link>
           </NavLink>
+
+          {/* <!-- ------NavLink:::::About-------------------> */}
           <NavLink className={location.pathname === '/about' ? 'active' : ''} 
           whileHover={{ scale: 1.05 }}>
             <Link to="/about">About</Link>
           </NavLink>
+
+          {/* <!-- ------NavLink::::Testinomial-------------------> */}
           <NavLink className={location.pathname === '/testimonial' ? 'active' : ''}
           whileHover={{ scale: 1.05 }}>
             <Link to="/testimonial">Testimonial</Link>
           </NavLink>
+          
+          {/* <!-- ------NavLink:::::Contacts-------------------> */}
           <NavLink className={location.pathname === '/contact' ? 'active' : ''}
           whileHover={{ scale: 1.05 }}>
             <Link to="/contact">Contact</Link>