From b3dffa9b7e2a1ca6ff6585367c6a8c0a20d174c2 Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Sun, 2 Jun 2024 23:22:32 -0300
Subject: [PATCH 1/8] fixed maps & register navigate to login & removed
 consoles

---
 Frontend/src/pages/Login.jsx    |  4 +---
 Frontend/src/pages/Maps.css     | 10 +++++++---
 Frontend/src/pages/Register.jsx |  4 +++-
 Frontend/src/utils/api.js       |  2 --
 Frontend/src/utils/auth.js      |  3 +--
 5 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/Frontend/src/pages/Login.jsx b/Frontend/src/pages/Login.jsx
index d3d5f28..c11a221 100644
--- a/Frontend/src/pages/Login.jsx
+++ b/Frontend/src/pages/Login.jsx
@@ -58,11 +58,10 @@ function Login() {
     setEmailError({ error: false, message: '' });
 
     const loginData = { email, password };
-    console.log(loginData);
+
     const result = await login(loginData);
 
     if (result && typeof result === 'string') {
-      console.log('Resultado do login:', result);
       localStorage.setItem('token', result);
       const userData = await getUserData(result);
       if (userData) {
@@ -73,7 +72,6 @@ function Login() {
         setMessage('Failed to fetch user data');
       }
     } else {
-      console.log('Falha no login. Resultado:', result);
       setMessage(
         'Falha ao fazer login. Verifique suas credenciais e tente novamente.'
       );
diff --git a/Frontend/src/pages/Maps.css b/Frontend/src/pages/Maps.css
index f2a3af9..c6bd76d 100644
--- a/Frontend/src/pages/Maps.css
+++ b/Frontend/src/pages/Maps.css
@@ -1,8 +1,9 @@
 .maps__container {
   display: flex;
   flex-direction: column;
-  background-color: #d3d2cd;
+  background-color: #dfddd2;
   padding: 5%;
+  align-items: center;
 }
 
 .maps {
@@ -34,13 +35,13 @@
 
 .maps__title {
   margin-right: 15px;
-  font-size: 2rem; /* Ajustando o tamanho da fonte para dispositivos móveis */
+  font-size: 2rem;
   font-weight: 400;
 }
 
 .maps__subtitle {
   display: flex;
-  text-align: center;
+  text-align: justify;
 }
 
 @media screen and (min-width: 500px) {
@@ -55,4 +56,7 @@
     width: 966px;
     height: 544px;
   }
+  .maps__info {
+    width: 50%;
+  }
 }
diff --git a/Frontend/src/pages/Register.jsx b/Frontend/src/pages/Register.jsx
index f534c66..ba42435 100644
--- a/Frontend/src/pages/Register.jsx
+++ b/Frontend/src/pages/Register.jsx
@@ -1,8 +1,9 @@
 import './Register.css';
 import { useState } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 import { register } from '../utils/auth';
 function Register() {
+  const navigate = useNavigate();
   const [regData, setRegData] = useState({
     name: '',
     email: '',
@@ -63,6 +64,7 @@ function Register() {
     try {
       const data = await register(regData);
       setMessage(data.msg);
+      navigate('/login');
       return;
     } catch (error) {
       setMessage(error.message);
diff --git a/Frontend/src/utils/api.js b/Frontend/src/utils/api.js
index e065717..eb3bb9e 100644
--- a/Frontend/src/utils/api.js
+++ b/Frontend/src/utils/api.js
@@ -62,7 +62,6 @@ const searchProducts = async (query) => {
       return response.json();
     })
     .then((res) => {
-      console.log(res);
       return res;
     })
     .catch((res) =>
@@ -96,7 +95,6 @@ const getUserData = async (token) => {
 };
 
 const getProductById = async (id) => {
-
   const response = await fetch(`${BASE_URL}/products/product/${id}`, {
     method: 'GET',
     cache: 'no-cache',
diff --git a/Frontend/src/utils/auth.js b/Frontend/src/utils/auth.js
index 1a4d103..5a9987a 100644
--- a/Frontend/src/utils/auth.js
+++ b/Frontend/src/utils/auth.js
@@ -13,7 +13,6 @@ const register = (regData) => {
       return response.json();
     })
     .then((res) => {
-      console.log(res);
       return res;
     })
     .catch((res) =>
@@ -39,7 +38,7 @@ const login = async (loginData) => {
     }
 
     const data = await response.json();
-    console.log('Login efetuado', data);
+
     return data;
   } catch (error) {
     console.error('Login failed:', error.message);

From 5712ddba570e67d2989a860f9f752aaac8020669 Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Sun, 2 Jun 2024 23:34:55 -0300
Subject: [PATCH 2/8] update nav link names

---
 Frontend/src/components/Nav.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/components/Nav.jsx b/Frontend/src/components/Nav.jsx
index be5cfc4..fe8a056 100644
--- a/Frontend/src/components/Nav.jsx
+++ b/Frontend/src/components/Nav.jsx
@@ -6,21 +6,21 @@ function Nav({ menuOpen }) {
       <ul className={menuOpen ? 'header__hamburger' : 'nav'}>
         <li className='nav__li'>
           <Link className='nav__link' to={'/store'}>
-            Loja
+            LOJA
           </Link>
         </li>
         <li className='nav__li'>
           <Link className='nav__link' to={'/sobre'}>
-            Sobre nós
+            SOBRE
           </Link>
         </li>
         <li className='nav__li'>
           <Link className='nav__link' to={'/maps'}>
-            Pontos de coleta
+            PONTOS DE COLETA
           </Link>
         </li>
         <li className='nav__li'>
-          <a className='nav__link'>Contato</a>
+          <a className='nav__link'>CONTATO</a>
         </li>
       </ul>
     </nav>

From 242457ed76d0bdbbbff97fcba203312773421c66 Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Sun, 2 Jun 2024 23:38:02 -0300
Subject: [PATCH 3/8] fixed maps

---
 Frontend/src/pages/Maps.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/src/pages/Maps.jsx b/Frontend/src/pages/Maps.jsx
index 1ce56e9..78c342a 100644
--- a/Frontend/src/pages/Maps.jsx
+++ b/Frontend/src/pages/Maps.jsx
@@ -77,7 +77,7 @@ function Maps() {
           </p>
         </div>
         <p className='maps__subtitle'>
-          Encontre um ponto de coleta perto de você:
+          ENCONTRE UM PONTO DE COLETA PERTO DE VOCÊ:
         </p>
       </div>
       <div className='maps'>

From 5be1d6e05fb342ac44af39daed34a0313d293623 Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Sun, 2 Jun 2024 23:43:38 -0300
Subject: [PATCH 4/8] add contact nav icon navigation to footer

---
 Frontend/src/components/Footer.jsx | 2 +-
 Frontend/src/components/Nav.jsx    | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/components/Footer.jsx b/Frontend/src/components/Footer.jsx
index 27f0b63..868a645 100644
--- a/Frontend/src/components/Footer.jsx
+++ b/Frontend/src/components/Footer.jsx
@@ -1,7 +1,7 @@
 import './Footer.css';
 function Footer() {
   return (
-    <footer className='footer'>
+    <footer className='footer' id='footer'>
       <div className='footer__columns'>
         {' '}
         <div className='footer__column'>
diff --git a/Frontend/src/components/Nav.jsx b/Frontend/src/components/Nav.jsx
index fe8a056..7d96acf 100644
--- a/Frontend/src/components/Nav.jsx
+++ b/Frontend/src/components/Nav.jsx
@@ -1,6 +1,10 @@
 import './Nav.css';
 import { Link } from 'react-router-dom';
 function Nav({ menuOpen }) {
+  const handleClick = () => {
+    const footer = document.getElementById('footer');
+    footer.scrollIntoView({ behavior: 'smooth' });
+  };
   return (
     <nav>
       <ul className={menuOpen ? 'header__hamburger' : 'nav'}>
@@ -20,7 +24,9 @@ function Nav({ menuOpen }) {
           </Link>
         </li>
         <li className='nav__li'>
-          <a className='nav__link'>CONTATO</a>
+          <a onClick={handleClick} className='nav__link'>
+            CONTATO
+          </a>
         </li>
       </ul>
     </nav>

From da8b9c19891c28671ff8fe1114bf366fd0a1a2cd Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Sun, 2 Jun 2024 23:49:26 -0300
Subject: [PATCH 5/8] translate cart add message to portuguese

---
 Frontend/src/components/ProductCard.jsx | 59 ++++++++++++++++++-------
 1 file changed, 43 insertions(+), 16 deletions(-)

diff --git a/Frontend/src/components/ProductCard.jsx b/Frontend/src/components/ProductCard.jsx
index 0baf900..322f14f 100644
--- a/Frontend/src/components/ProductCard.jsx
+++ b/Frontend/src/components/ProductCard.jsx
@@ -2,27 +2,53 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import './ProductCard.css';
 
-function ProductCard({item, addItemToCart}) {
-  const [itemAdded, setItemAdded] = useState(false)
+function ProductCard({ item, addItemToCart }) {
+  const [itemAdded, setItemAdded] = useState(false);
 
   const navigate = useNavigate();
 
   // ADD VISUAL FEEDBACK WHEN USER ADDS ITEM TO CART
   const onAddingItem = () => {
-    setItemAdded(true)
-    addItemToCart(item)
-    setTimeout(()=>{setItemAdded(false)},1000)
-  }
+    setItemAdded(true);
+    addItemToCart(item);
+    setTimeout(() => {
+      setItemAdded(false);
+    }, 1000);
+  };
 
   return (
     <div className='featured__card'>
-      {itemAdded && <div style={{position: 'fixed', height: '100%', width: '100%', top: 0, right: 0, backgroundColor: 'rgba(255,255,255,0.9)', borderRadius: '12px'}}>
-        <div style={{height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
-          <p style={{fontSize: '2rem'}}>Item added to cart!</p>
+      {itemAdded && (
+        <div
+          style={{
+            position: 'fixed',
+            height: '100%',
+            width: '100%',
+            top: 0,
+            right: 0,
+            backgroundColor: 'rgba(255,255,255,0.9)',
+            borderRadius: '12px',
+          }}
+        >
+          <div
+            style={{
+              height: '100%',
+              display: 'flex',
+              justifyContent: 'center',
+              alignItems: 'center',
+            }}
+          >
+            <p style={{ fontSize: '2rem' }}>Item adicionado à sacola!</p>
+          </div>
         </div>
-      </div>}
-      <img src={item.cover} alt={item.name} onClick={()=>{
-        navigate(`/product/${item._id}`)}}/>
+      )}
+      <img
+        src={item.cover}
+        alt={item.name}
+        onClick={() => {
+          navigate(`/product/${item._id}`);
+        }}
+      />
       <div className='featured__container'>
         <div className='featured__description-wrapper'>
           <p className='featured__text'>{item.name}</p>
@@ -31,9 +57,10 @@ function ProductCard({item, addItemToCart}) {
 
         <button
           className='featured__button'
-          style={{color: 'black'}}
+          style={{ color: 'black' }}
           onClick={onAddingItem}
-          >+
+        >
+          +
           {/* <img
             src='/assets/addToCart.svg'
             alt='add to cart icon'
@@ -42,7 +69,7 @@ function ProductCard({item, addItemToCart}) {
         </button>
       </div>
     </div>
-  )
+  );
 }
 
-export default ProductCard
+export default ProductCard;

From 7b4e4d2fd69d15a6457849fb2f3322b22b694519 Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Mon, 3 Jun 2024 00:01:37 -0300
Subject: [PATCH 6/8] fixed footer link to about us & link color at login

---
 Frontend/src/components/Footer.css |  7 ++++++
 Frontend/src/components/Footer.jsx |  5 +++-
 Frontend/src/pages/Login.css       | 37 +++++++++++++++---------------
 Frontend/src/pages/Login.jsx       |  2 +-
 4 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/Frontend/src/components/Footer.css b/Frontend/src/components/Footer.css
index b9635e0..af3483e 100644
--- a/Frontend/src/components/Footer.css
+++ b/Frontend/src/components/Footer.css
@@ -14,9 +14,16 @@
   row-gap: 10px;
 }
 
+.footer__link {
+  color: white;
+  text-decoration: none;
+  padding-left: 0.5rem;
+}
+
 .footer__column {
   display: flex;
   column-gap: 5px;
+  align-items: center;
 }
 
 .footer__column-social {
diff --git a/Frontend/src/components/Footer.jsx b/Frontend/src/components/Footer.jsx
index 868a645..71f1f6e 100644
--- a/Frontend/src/components/Footer.jsx
+++ b/Frontend/src/components/Footer.jsx
@@ -1,3 +1,4 @@
+import { Link } from 'react-router-dom';
 import './Footer.css';
 function Footer() {
   return (
@@ -10,7 +11,9 @@ function Footer() {
             alt='icone de folha'
             className='footer__icon'
           />
-          <p>Sobre</p>
+          <Link to={'/sobre'} className='footer__link'>
+            Sobre
+          </Link>
         </div>
       </div>
 
diff --git a/Frontend/src/pages/Login.css b/Frontend/src/pages/Login.css
index 27ce3c4..8c2b522 100644
--- a/Frontend/src/pages/Login.css
+++ b/Frontend/src/pages/Login.css
@@ -1,13 +1,13 @@
 @keyframes errorPopupAnimation {
-  0%{
+  0% {
     opacity: 0;
   }
 
-  50%{
+  50% {
     opacity: 1;
   }
 
-  100%{
+  100% {
     display: none;
   }
 }
@@ -17,7 +17,7 @@
   height: 70vh;
 }
 
-.login__wrapper{
+.login__wrapper {
   width: 350px;
   border: 1px solid gray;
   margin: auto;
@@ -25,56 +25,57 @@
   padding-block: 1.5rem;
 }
 
-.login__title{
+.login__title {
   font-weight: 400;
   font-size: 24px;
 }
 
-.login form{
+.login form {
   display: flex;
   flex-direction: column;
   gap: 2rem;
   margin-top: 1.5rem;
   width: 90%;
-  margin-inline: auto
+  margin-inline: auto;
 }
 
-.login__input-wrapper{
-  position: relative
+.login__input-wrapper {
+  position: relative;
 }
 
-.login__input{
+.login__input {
   width: 100%;
   position: relative;
 }
 
-.login button{
-  background-color: #5F6368;
+.login button {
+  background-color: #5f6368;
   padding-block: 0.5rem;
   border-radius: 8px;
   width: 100%;
   transition: 250ms ease-out;
 }
 
-.login button:hover{
+.login button:hover {
   background-color: gray;
 }
 
-.login__input-error{
+.login__input-error {
   color: red;
   font-size: 11px;
   text-align: right;
   margin-top: 0.5rem;
 }
 
-.login__button-wrapper{
+.login__button-wrapper {
   width: 100%;
   position: relative;
 }
 
-.login__register{
+.login__register {
   margin-top: 1rem;
   font-size: 12px;
+  color: black;
 }
 
 .login__register-link {
@@ -83,7 +84,7 @@
   text-underline-offset: 5px;
 }
 
-.errorPopup{
+.errorPopup {
   position: fixed;
   top: 20px;
   right: 30px;
@@ -97,4 +98,4 @@
   color: white;
   text-transform: uppercase;
   animation: errorPopupAnimation 1s forwards;
-}
\ No newline at end of file
+}
diff --git a/Frontend/src/pages/Login.jsx b/Frontend/src/pages/Login.jsx
index c11a221..31d1589 100644
--- a/Frontend/src/pages/Login.jsx
+++ b/Frontend/src/pages/Login.jsx
@@ -102,7 +102,7 @@ function Login() {
               className='login__input'
               name='password'
               type='password'
-              placeholder='password'
+              placeholder='Senha'
               value={password}
               onChange={(e) => setPassword(e.target.value)}
               required

From 326fc1f0a59c109362d95c1bde6549259b296397 Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Mon, 3 Jun 2024 00:04:32 -0300
Subject: [PATCH 7/8] fixed register to login link color

---
 Frontend/src/pages/Register.css | 3 ++-
 Frontend/src/pages/Register.jsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/pages/Register.css b/Frontend/src/pages/Register.css
index 0962f25..3607385 100644
--- a/Frontend/src/pages/Register.css
+++ b/Frontend/src/pages/Register.css
@@ -75,7 +75,8 @@
   font-size: 12px;
 }
 
-.register__login > Link {
+.register__link {
+  color: black;
   text-decoration: underline;
   text-underline-offset: 5px;
 }
diff --git a/Frontend/src/pages/Register.jsx b/Frontend/src/pages/Register.jsx
index ba42435..02e959b 100644
--- a/Frontend/src/pages/Register.jsx
+++ b/Frontend/src/pages/Register.jsx
@@ -163,7 +163,7 @@ function Register() {
 
           <span className='register__login '>
             Já é um membro?
-            <Link to='/login' className='auth__link'>
+            <Link to='/login' className='register__link'>
               Faça o login aqui!!
             </Link>
           </span>

From 389d177f3d5ab7c474fafe854a23d21fcc48e7db Mon Sep 17 00:00:00 2001
From: Vinicius Bueno <vi-pr@hotmail.com>
Date: Mon, 3 Jun 2024 00:26:55 -0300
Subject: [PATCH 8/8] removed console log from Store

---
 Frontend/src/pages/Register.css |  1 +
 Frontend/src/pages/Store.jsx    | 25 ++++++++++++++++---------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/Frontend/src/pages/Register.css b/Frontend/src/pages/Register.css
index 3607385..feb199a 100644
--- a/Frontend/src/pages/Register.css
+++ b/Frontend/src/pages/Register.css
@@ -103,6 +103,7 @@
   }
   .register form {
     width: 80%;
+    height: 500px;
   }
   .register button {
     width: 45%;
diff --git a/Frontend/src/pages/Store.jsx b/Frontend/src/pages/Store.jsx
index 4d1063c..01b4e86 100644
--- a/Frontend/src/pages/Store.jsx
+++ b/Frontend/src/pages/Store.jsx
@@ -25,10 +25,10 @@ function Store() {
     'Utilidades',
   ];
   const stores = ['Loja 1', 'Loja 2', 'Loja 3', 'Loja 4', 'Loja 5'];
-  
+
   // INITIALIZE USESEARCH PARAMS
   const [searchParams] = useSearchParams();
-  const query = searchParams.get('q')
+  const query = searchParams.get('q');
 
   useEffect(() => {
     // Define fetchData as an async function
@@ -48,16 +48,15 @@ function Store() {
         console.error('Error fetching data:', error);
       }
     }
-  
+
     // Call fetchData immediately
     fetchData();
   }, [query]); // Include query as a dependency
 
   const fetchProductsByCategory = async (category) => {
     try {
-      console.log(category);
       const products = await getProductsByCategory(category);
-      console.log('Produtos recebidos:', products);
+
       setAllProducts(products);
     } catch (error) {
       console.error('Erro ao buscar produtos:', error);
@@ -66,7 +65,7 @@ function Store() {
 
   const fetchProductsByCompany = async (company) => {
     try {
-      const products = await getProductsByStore(company);   
+      const products = await getProductsByStore(company);
       setAllProducts(products);
     } catch (error) {
       console.error('Erro ao buscar produtos:', error);
@@ -104,15 +103,23 @@ function Store() {
             <div className='lojamain__order'>
               {' '}
               {stores.map((company, index) => (
-                <button className='lojamain__button' key={index} onClick={() => handleCompanyClick(company)}>
+                <button
+                  className='lojamain__button'
+                  key={index}
+                  onClick={() => handleCompanyClick(company)}
+                >
                   {company}
                 </button>
               ))}
             </div>
           </div>
           <div className='lojamain__card-list'>
-            {allProducts.map((item) => (    
-              <ProductCard item={item} addItemToCart={addItemToCart} key={item._id} />
+            {allProducts.map((item) => (
+              <ProductCard
+                item={item}
+                addItemToCart={addItemToCart}
+                key={item._id}
+              />
             ))}
           </div>
         </div>