diff --git a/.gitignore b/.gitignore index b27cc3a..6b1c24c 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,4 @@ tsconfig.json package-lock.json .env.local next-env.d.ts +*.backup diff --git a/components/Footer.js b/components/Footer.js index 51151d5..f7313bd 100644 --- a/components/Footer.js +++ b/components/Footer.js @@ -1,15 +1,31 @@ import React from "react"; +import { FaGithub, FaHeart } from "react-icons/fa"; export default function Footer() { return ( ); diff --git a/components/Navbar.js b/components/Navbar.js index 31ee2a7..9fa9679 100644 --- a/components/Navbar.js +++ b/components/Navbar.js @@ -1,4 +1,4 @@ -import React, { useState } from "react"; +import React, { useState, useEffect } from "react"; import { useRouter } from "next/router"; import Link from "next/link"; import { FaGithub, FaTv, FaHome, FaSearch, FaBars, FaTimes } from "react-icons/fa"; @@ -6,6 +6,16 @@ import { FaGithub, FaTv, FaHome, FaSearch, FaBars, FaTimes } from "react-icons/f export default function Navbar({ query, setQuery, onSearch }) { const router = useRouter(); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); + const [isScrolled, setIsScrolled] = useState(false); + + useEffect(() => { + const handleScroll = () => { + setIsScrolled(window.scrollY > 0); + }; + + window.addEventListener('scroll', handleScroll); + return () => window.removeEventListener('scroll', handleScroll); + }, []); const handleSearch = () => { if (query.trim()) { @@ -20,7 +30,7 @@ export default function Navbar({ query, setQuery, onSearch }) { }; return ( -