From f5fe2cbcc389a0ff358db1bfab9e449b28ddaa9c Mon Sep 17 00:00:00 2001
From: Amir Kakavand <amirkkvnd99@gmail.com>
Date: Fri, 9 Aug 2024 16:16:46 +0330
Subject: [PATCH] modified header onClick event

---
 app/components/Header.tsx | 4 +++-
 app/page.tsx              | 7 ++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index eb92270..2e54142 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -4,17 +4,19 @@ import { IoIosSearch } from "react-icons/io";
 
 interface IHeaderProps {
   name: string;
+  setPageNo: Dispatch<SetStateAction<number>>; 
   setName: Dispatch<SetStateAction<string>>;
   setSearchQuery: Dispatch<SetStateAction<string>>;
 }
 
-const Header = ({ name, setName, setSearchQuery }: IHeaderProps) => {
+const Header = ({ name, setPageNo, setName, setSearchQuery }: IHeaderProps) => {
   const [mouseHover, setMouseHover] = useState<boolean>(false);
   return (
     <header className="flex flex-col md:flex-row justify-around">
       <button onClick={() => {
         setSearchQuery("")
         setName("")
+        setPageNo(1)
       }}>
         <h1 className={h1Class}>
           Rick and Morty Wiki
diff --git a/app/page.tsx b/app/page.tsx
index 67aa909..4102347 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -13,7 +13,12 @@ export default function Home() {
   useEffect(() => handleSearch({ name, setSearchQuery, setPageNo }), [name]);
   return (
     <main className={mainClass}>
-      <Header name={name} setName={setName} setSearchQuery={setSearchQuery} />
+      <Header
+        name={name}
+        setPageNo={setPageNo}
+        setName={setName}
+        setSearchQuery={setSearchQuery}
+      />
       {searchQuery === "" && (
         <CharactersPage pageNo={pageNo} setPageNo={setPageNo} />
       )}