jaanvi/Movie-App
1
0
Fork 0
Code Issues Pull requests 1 Actions Packages Projects Releases Wiki Activity

Update movie-app/src/pages/Header.js

Browse source
This commit is contained in:
jaanvi 2025-01-03 04:45:10 +00:00
parent 3d4d21613b
commit 92ccb90a54
1 changed files with 2 additions and 82 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
movie-app/src/pages/Header.js
View file

@ -1,83 +1,3 @@
// import React, { useState, useEffect } from "react";
// import logo from "../assets/logo.png";
// import { Outlet} from "react-router-dom";
// import { useNavigate } from "react-router-dom";
// import "./Header.css";
// const Header = () => {
// const [searchTerm, setSearchTerm] = useState("");
// const [suggestions, setSuggestions] = useState([]);
// const navigate = useNavigate();
// useEffect(() => {
// if (searchTerm) {
// const fetchSuggestions = async () => {
// const response = await fetch(
// `https://api.themoviedb.org/3/search/movie?api_key=59690efd14e375225c4531fcdced2901&query=${searchTerm}`
// );
// const data = await response.json();
// setSuggestions(data.results);
// };
// fetchSuggestions();
// } else {
// setSuggestions([]);
// }
// }, [searchTerm]);
// const handleSearchChange = (e) => {
// setSearchTerm(e.target.value);
// };
// const handleSuggestionClick = (id) => {
// navigate(`/search?id=${id}`);
// setSearchTerm("");
// setSuggestions([]);
// };
// return (
// <>
// <header className="header">
// <div className="header-container">
// <div>
// <img src={logo} alt="logo" className="logo" />
// </div>
// <div className="search-container">
// <input
// type="text"
// value={searchTerm}
// onChange={handleSearchChange}
// className="search-input"
// placeholder="Search for movies..."
// />
// {suggestions.length > 0 && (
// <ul className="suggestions-list">
// {suggestions.map((movie) => (
// <li
// key={movie.id}
// className="suggestion-item"
// onClick={() => handleSuggestionClick(movie.id)}
// >
// {movie.title}
// </li>
// ))}
// </ul>
// )}
// </div>
// </div>
// </header>
// <Outlet/>
// </>
// );
// };
// export default Header;
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import logo from "../assets/logo.png"; import logo from "../assets/logo.png";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
@ -190,7 +110,7 @@ const Header = () => {
</div> </div>
</div> </div>
</header> </header>
<Outlet/>
<Movie filters={{ genre, year, rating }} /> <Movie filters={{ genre, year, rating }} />
</div> </div>