feat(front): error badge when no results

dataesr · Aug 19, 2024 · e5c2644 · e5c2644
1 parent 388192a
commit e5c2644
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 14 deletions.
diff --git a/project/front/src/components/home/index.tsx b/project/front/src/components/home/index.tsx
diff --git a/project/front/src/components/input/index.tsx b/project/front/src/components/input/index.tsx
@@ -12,7 +12,7 @@ const YEARS = Array.from({ length: (2011 - 2023) / -1 + 1 }, (_, i) => 2023 + i
 
 export default function Input() {
   const { currentQuery, currentMatcher, currentYear, handleQueryChange, handleMatcherChange, handleYearChange } = useUrl()
-  const enableYear: boolean = MATCHER_TYPES.find((matcher) => matcher.key == currentMatcher).year
+  const enableYear: boolean = MATCHER_TYPES.find((matcher) => matcher.key == currentMatcher)?.year || false
 
   return (
     <Container className="bg-input">

diff --git a/project/front/src/components/results/index.tsx b/project/front/src/components/results/index.tsx
@@ -1,11 +1,10 @@
 import { useEffect, useState } from "react"
-import { Container, Text } from "@dataesr/dsfr-plus"
+import { Container, Text, Badge } from "@dataesr/dsfr-plus"
 import useMatch from "../../hooks/useMatch"
 import useUrl from "../../hooks/useUrl"
 import Error from "../error"
 import Result from "./result"
 import Fetching from "../fetching"
-import Home from "../home"
 import { MatchIds } from "../../types/data"
 
 export default function Results() {
@@ -15,7 +14,7 @@ export default function Results() {
 
   useEffect(() => setTitle(currentQuery), [currentQuery])
 
-  if (!currentQuery || !currentMatcher) return <Home />
+  if (!currentQuery || !currentMatcher) return null
 
   if (error) return <Error error={error} />
 
@@ -30,7 +29,7 @@ export default function Results() {
     return (
       <Container>
         <Text size="lead">{currentTitle}</Text>
-        <Text>NO RESULTS</Text>
+        <Badge color="error">{`${currentMatcher} : no results`}</Badge>
       </Container>
     )