feat: Display message if no enough char in query and no assistant

cozy · Dec 20, 2024 · b78963f · b78963f
1 parent dba11f8
commit b78963f
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 3 deletions.
diff --git a/packages/cozy-dataproxy-lib/src/components/ResultMenu/NotEnoughItem.jsx b/packages/cozy-dataproxy-lib/src/components/ResultMenu/NotEnoughItem.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+
+import ListItem from 'cozy-ui/transpiled/react/ListItem'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+
+const NotEnoughItem = () => {
+  const { t } = useI18n()
+
+  return (
+    <ListItem size="small">
+      <ListItemText primary={t('assistant.search.notEnough')} />
+    </ListItem>
+  )
+}
+
+export default NotEnoughItem
diff --git a/packages/cozy-dataproxy-lib/src/components/ResultMenu/ResultMenuContent.jsx b/packages/cozy-dataproxy-lib/src/components/ResultMenu/ResultMenuContent.jsx
@@ -10,6 +10,7 @@ import { useBreakpoints } from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import NoResultItem from './NoResultItem'
+import NotEnoughItem from './NotEnoughItem'
 import ResultMenuItem from './ResultMenuItem'
 import { useSearch } from '../Search/SearchProvider'
 import { isAssistantEnabled } from '../helpers'
@@ -28,7 +29,11 @@ const SearchResult = () => {
   }
 
   if (!isLoading && !results?.length && !isAssistantEnabled()) {
-    return <NoResultItem />
+    if (searchValue.length >= 3) {
+      return <NoResultItem />
+    } else {
+      return <NotEnoughItem />
+    }
   }
 
   return results.map((result, idx) => (

diff --git a/packages/cozy-dataproxy-lib/src/locales/en.json b/packages/cozy-dataproxy-lib/src/locales/en.json
@@ -4,7 +4,8 @@
       "placeholder": "Any question?",
       "send": "Send",
       "result": "Ask the assistant",
-      "noItem": "No results"
+      "noItem": "No results",
+      "notEnough": "Your query must contain at least 3 characters"
     },
     "dialog": {
       "close": "Close"

diff --git a/packages/cozy-dataproxy-lib/src/locales/fr.json b/packages/cozy-dataproxy-lib/src/locales/fr.json
@@ -4,7 +4,8 @@
       "placeholder": "Une question ?",
       "send": "Envoyer",
       "result": "Demander à l'assistant",
-      "noItem": "Aucun résultat"
+      "noItem": "Aucun résultat",
+      "notEnough": "Votre recherche doit contenir au moins 3 caractères"
     },
     "dialog": {
       "close": "Fermer"