From 403f07b9ddab261e1c8c746862405934af9677ac Mon Sep 17 00:00:00 2001
From: Felix Mosheev <9304194+felixmosh@users.noreply.github.com>
Date: Wed, 14 Sep 2022 09:48:07 +0300
Subject: [PATCH] feat: Make queue search insensitive, closes #449

---
 packages/ui/src/components/Menu/Menu.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/Menu/Menu.tsx b/packages/ui/src/components/Menu/Menu.tsx
index 24bbc0ed..208a3827 100644
--- 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