fix(image) case insensitive search in image list on instance launch

Signed-off-by: David Edler <[email protected]>
canonical · May 8, 2024 · fa2bd86 · fa2bd86
1 parent b0dc87e
commit fa2bd86
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/pages/images/ImageSelector.tsx b/src/pages/images/ImageSelector.tsx
@@ -171,10 +171,10 @@ const ImageSelector: FC<Props> = ({ onSelect, onClose }) => {
         return true;
       }
       return (
-        item.aliases.includes(query) ||
-        item.arch.includes(query) ||
-        item.os.includes(query) ||
-        item.release.includes(query)
+        item.aliases.toLowerCase().includes(query) ||
+        item.arch.toLowerCase().includes(query) ||
+        item.os.toLowerCase().includes(query) ||
+        item.release.toLowerCase().includes(query)
       );
     })
     .map((item) => {
@@ -414,12 +414,11 @@ const ImageSelector: FC<Props> = ({ onSelect, onClose }) => {
                 name="search-image"
                 type="text"
                 onChange={(value) => {
-                  setQuery(value);
+                  setQuery(value.toLowerCase());
                   setOs("");
                   setRelease("");
                 }}
                 placeholder="Search an image"
-                value={query}
               />
             </div>
           </div>