feat: Make queue search insensitive, closes #449

felixmosh · Sep 14, 2022 · 403f07b · 403f07b
1 parent 360285b
commit 403f07b
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/ui/src/components/Menu/Menu.tsx b/packages/ui/src/components/Menu/Menu.tsx
@@ -1,12 +1,11 @@
-import React, { useState } from 'react';
-
 import { AppQueue } from '@bull-board/api/typings/app';
+import cn from 'clsx';
+import React, { useState } from 'react';
 import { NavLink } from 'react-router-dom';
 import { STATUS_LIST } from '../../constants/status-list';
-import { SearchIcon } from '../Icons/Search';
 import { Store } from '../../hooks/useStore';
+import { SearchIcon } from '../Icons/Search';
 import s from './Menu.module.css';
-import cn from 'clsx';
 
 export const Menu = ({
   queues,
@@ -37,7 +36,7 @@ export const Menu = ({
         {!!queues && (
           <ul className={s.menu}>
             {queues
-              .filter(({ name }) => name.includes(searchTerm))
+              .filter(({ name }) => name?.toLowerCase().includes(searchTerm?.toUpperCase()))
               .map(({ name: queueName, isPaused }) => (
                 <li key={queueName}>
                   <NavLink