feat(search-bar): redirect to image view on enter when search maches … (

#422) * feat(search-bar): redirect to image view on enter when search maches a repo:tag Signed-off-by: Laurentiu Niculae <[email protected]>
project-zot · Mar 1, 2024 · 177406d · 177406d
1 parent e2367c2
commit 177406d
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Header/SearchSuggestion.jsx b/src/components/Header/SearchSuggestion.jsx
@@ -132,8 +132,14 @@ function SearchSuggestion({ setSearchCurrentValue = () => {} }) {
 
   const handleSearch = (event) => {
     const { key, type } = event;
+    const name = event.target.value;
     if (key === 'Enter' || type === 'click') {
-      navigate({ pathname: `/explore`, search: createSearchParams({ search: inputValue || '' }).toString() });
+      if (name?.includes(':')) {
+        const splitName = name.split(':');
+        navigate(`/image/${encodeURIComponent(splitName[0])}/tag/${splitName[1]}`);
+      } else {
+        navigate({ pathname: `/explore`, search: createSearchParams({ search: inputValue || '' }).toString() });
+      }
     }
   };