diff --git a/app/filtering/Filter.css b/app/filtering/Filter.css index 04fedee..ee08a58 100644 --- a/app/filtering/Filter.css +++ b/app/filtering/Filter.css @@ -5,6 +5,7 @@ flex-grow: 1; max-height: 100vh; background-color: white; + margin-top: 20px; } .filterPart { diff --git a/app/filtering/filter.jsx b/app/filtering/filter.jsx index fd3c4ce..e9f24ff 100644 --- a/app/filtering/filter.jsx +++ b/app/filtering/filter.jsx @@ -129,7 +129,7 @@ export default function Filter(props) { return (
-

{props.speciesList.common_name || "No name yet"}

+

{props.speciesList.common_name || "No Plant Selected"}

diff --git a/app/filtering/page.jsx b/app/filtering/page.jsx index f5413a0..03e4cb1 100644 --- a/app/filtering/page.jsx +++ b/app/filtering/page.jsx @@ -56,7 +56,7 @@ import Data from '../SampleData.json' function Filtering(props) { const plantId = props.id; - const [speciesData, setSpeciesData] = useState(Data); + const [speciesData, setSpeciesData] = useState(null); useEffect(() => { diff --git a/app/layout.tsx b/app/layout.tsx index 71d8ea8..21dd132 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -52,10 +52,6 @@ export default function RootLayout({children,}: {
  • Identify
  • -
  • - Filter - temp -