filter_search for phones

lnxfsf · Jan 20, 2024 · 7c05e38 · 7c05e38
1 parent aea81e9
commit 7c05e38
Show file tree

Hide file tree

Showing 4 changed files with 72 additions and 1 deletion.
diff --git a/frontend/src/components/Home/BrowseHome/BrowseHome.jsx b/frontend/src/components/Home/BrowseHome/BrowseHome.jsx
@@ -24,7 +24,6 @@ const BrowseHome = () => {
     setShowFilter(value);
   };
 
-  console.log(showFilter)
 
 
 

diff --git a/frontend/src/pages/Anime.jsx b/frontend/src/pages/Anime.jsx
@@ -1,14 +1,42 @@
 
 import "../styles/FilterSearch.scoped.scss";
 
+
+
+
+import { useState } from 'react';
+
 import { FilterSearchAnime } from "../components/Anime/FilterSearchAnime";
 import { BrowseAniMan } from "../components/Browse/BrowseAniMan";
+import { Search } from "../components/Search";
 
 const Anime = () => {
+
+
+  const [showFilter, setShowFilter] = useState(false);
+
+  const handleShowFilterChange = (value) => {
+    setShowFilter(value);
+  };
+
+
+
+
   return (
     <>
       <div className="main">
+
+
+      <div className="bg-blacky flex justify-center items-center ">
+          <Search  onShowFilterChange={handleShowFilterChange}/>
+      </div>
+
+
+ {showFilter ? (
         <FilterSearchAnime />
+
+     ) : null}   
+
         <BrowseAniMan isanime={true} />
       </div>
     </>

diff --git a/frontend/src/pages/Explore.jsx b/frontend/src/pages/Explore.jsx
@@ -1,17 +1,37 @@
 import { Link } from "react-router-dom";
+import { useState } from 'react';
 
 import "../styles/FilterSearch.scoped.scss";
 import "../styles/Explore.scoped.scss";
 
 import { BrowseAniMan } from "../components/Browse/BrowseAniMan";
 import { FilterSearchExplore } from "../components/Explore/FilterSearchExplore";
+import { Search } from "../components/Search";
 
 const Explore = () => {
+
+  const [showFilter, setShowFilter] = useState(false);
+
+  const handleShowFilterChange = (value) => {
+    setShowFilter(value);
+  };
+
   return (
     <>
       <div className="main">
+
+
+
+
+      <div className="bg-blacky flex justify-center items-center ">
+          <Search  onShowFilterChange={handleShowFilterChange}/>
+      </div>
+
+ {showFilter ? (
         <FilterSearchExplore />
 
+     ) : null}   
+
         <div className="subtitle flex flex-row justify-between p-6 ">
           <h2>Trending Anime:</h2>
           <Link to="/anime">

diff --git a/frontend/src/pages/Manga.jsx b/frontend/src/pages/Manga.jsx
@@ -1,14 +1,38 @@
 
 import "../styles/FilterSearch.scoped.scss";
 
+import { useState } from 'react';
+
 import { FilterSearchManga } from "../components/Manga/FilterSearchManga";
 import { BrowseAniMan } from "../components/Browse/BrowseAniMan";
+import { Search } from "../components/Search";
+
 
 const Manga = () => {
+
+  const [showFilter, setShowFilter] = useState(false);
+
+  const handleShowFilterChange = (value) => {
+    setShowFilter(value);
+  };
+
   return (
     <>
       <div className="main">
+
+
+      <div className="bg-blacky flex justify-center items-center ">
+          <Search  onShowFilterChange={handleShowFilterChange}/>
+      </div>
+
+
+ {showFilter ? (
         <FilterSearchManga />
+
+
+     ) : null}   
+
+
         <BrowseAniMan isanime={false} />
       </div>
     </>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -24,7 +24,6 @@ const BrowseHome = () => {
		setShowFilter(value);
		};

		console.log(showFilter)



Expand Down