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

…a repo:tag Signed-off-by: Laurentiu Niculae <[email protected]>
project-zot · Feb 29, 2024 · 8a18a6d · 8a18a6d
1 parent e2367c2
commit 8a18a6d
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/Header/SearchSuggestion.jsx b/src/components/Header/SearchSuggestion.jsx
@@ -132,8 +132,19 @@ 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() });
+      const splitName = name.split(':');
+      let inputInSuggestions = false;
+
+      if (splitName.length > 1) {
+        inputInSuggestions = suggestionData.some((sd) => sd.repoName === splitName[0] && sd.tag === splitName[1]);
+      }
+      if (inputInSuggestions) {
+        navigate(`/image/${encodeURIComponent(splitName[0])}/tag/${splitName[1]}`);
+      } else {
+        navigate({ pathname: `/explore`, search: createSearchParams({ search: inputValue || '' }).toString() });
+      }
     }
   };