Modify some details for the new login style

HFG43 · Nov 7, 2023 · 5403bf0 · 5403bf0
1 parent 630db02
commit 5403bf0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/Components/LoginPage.jsx b/src/Components/LoginPage.jsx
@@ -3,6 +3,7 @@ import { useDispatch } from 'react-redux';
 import { Link, useNavigate } from 'react-router-dom';
 import { validateUser } from '../Redux/Slices/usersSlice';
 import '../Style/Login.css';
+import logo from '../img/logo.jpg';
 
 function LoginPage() {
   const navigate = useNavigate();
@@ -30,7 +31,8 @@ function LoginPage() {
   return (
     <div className="loginPage">
       <h1>Welcome to the best experiences app</h1>
-      <h3>What are you waiting???, some experiences are waiting for you</h3>
+      <img src={logo} alt="logo" />
+      <h3>What are you waiting???, a lot of experiences are waiting for you</h3>
       <form className="loginForm" onSubmit={tryLogin}>
         {errorMessage && <div className="error-message">{errorMessage}</div>}
         <input
@@ -41,7 +43,7 @@ function LoginPage() {
           onChange={InputChange}
         />
         <button className="btn" type="submit">Log In</button>
-        <Link className="d-flex-col " to="/Register"><button className="btn-non" type="button">Register</button></Link>
+        <Link className="d-flex-col " to="./Register"><button className="btn-non" type="button">Register</button></Link>
       </form>
     </div>
   );

diff --git a/src/Components/MainPage.jsx b/src/Components/MainPage.jsx
@@ -41,7 +41,7 @@ function MainPage() {
       <swiper-container slides-per-view={slidesPerView} navigation="true" class="swiper-container">
         {DataExperiences.experiences.map((item) => (
           <swiper-slide key={item.id}>
-            <Link className="cardlink" to={`./experiences/${item.id}`}>
+            <Link className="cardlink" to={`/experiences/${item.id}`}>
               <div className="card">
                 <h2>{item.name}</h2>
                 <img src={item.image} alt="ExperiencePicture" />