{apartment.description}
+{apartment.price}
+ +Discover the perfect apartment for your needs, whether it's a quick stay or a long-term investment
-{error}
} - - -The requested apartment could not be found.
+Please fill out the form below to complete your booking.
diff --git a/keynest/src/components/Header.js b/keynest/src/components/Header.js index 7a7c8ab..fb27be3 100644 --- a/keynest/src/components/Header.js +++ b/keynest/src/components/Header.js @@ -1,14 +1,31 @@ -import React, { useState } from 'react'; +import React, { useState, useEffect } from 'react'; import { Link } from 'react-router-dom'; import './Header.css'; -import AuthModal from './AuthModal'; -import { useAuth } from './AuthContext'; +import AuthModal from './AuthModal.js'; +import { useAuth } from './AuthContext.js'; +import { useRentalContext } from './RentalContext'; // Import useRentalContext function Header() { const [isModalOpen, setIsModalOpen] = useState(false); - const { isLoggedIn, logout } = useAuth(); + const { isLoggedIn, login, logout } = useAuth(); + const [users, setUsers] = useState([]); + const { clearRentals } = useRentalContext(); // Use clearRentals from RentalContext + + useEffect(() => { + fetchUsers(); + }, []); + + const fetchUsers = async () => { + try { + const data = require('../../src/storage/users.json'); + setUsers(data); + } catch (error) { + console.error('Ошибка при загрузке пользователей:', error); + } + }; const openModal = () => { + console.log('openModal called'); setIsModalOpen(true); }; @@ -16,8 +33,25 @@ function Header() { setIsModalOpen(false); }; + const handleLogin = async (username, password) => { + console.log('handleLogin called', username, password); + const user = users.find(user => user.username === username && user.password === password); + + if (user) { + // Успешная аутентификация + login(user); // Сохраняем данные пользователя в AuthContext + localStorage.setItem('user_id', user.user_id.toString()); // Сохраняем user_id в localStorage + closeModal(); + } else { + // Неверные учетные данные + alert('Неверное имя пользователя или пароль'); + } + }; + const handleLogout = () => { logout(); + localStorage.removeItem('user_id'); // Удаляем user_id из localStorage при выходе + clearRentals(); // Clear rentals from context }; return ( @@ -30,7 +64,7 @@ function Header() { {isLoggedIn ? ( @@ -38,7 +72,7 @@ function Header() { ) : ( )} -Please log in to view your rentals.
+Location: {rental.location}
-Check-in: {rental.checkin}
-Check-out: {rental.checkout}
-Status: {rental.status}
-No rentals found.
+ ) : ( + combinedRentals.map((rental) => ( +Name: {rental.name}
+Check-in: {rental.checkin}
+Check-out: {rental.checkout}
+Status: {rental.status}
+