modified header onClick event

AmirKakavand · Aug 9, 2024 · f5fe2cb · f5fe2cb
1 parent c0cb526
commit f5fe2cb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git 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
@@ -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} />
       )}