Refactor Mask UI Page [Masks]

[+] refactor(mask.tsx): refactor simple search to be case-insensitive
This commit is contained in:
H0llyW00dzZ 2023-10-11 04:36:04 +07:00
parent f78008c1b2
commit 74fcaab5e9
No known key found for this signature in database
GPG Key ID: 05C7FFFC0845C930

View File

@ -393,11 +393,13 @@ export function MaskPage() {
const [searchText, setSearchText] = useState(""); const [searchText, setSearchText] = useState("");
const masks = searchText.length > 0 ? searchMasks : allMasks; const masks = searchText.length > 0 ? searchMasks : allMasks;
// simple search, will refactor later // refactored already, now it accurate
const onSearch = (text: string) => { const onSearch = (text: string) => {
setSearchText(text); setSearchText(text);
if (text.length > 0) { if (text.length > 0) {
const result = allMasks.filter((m) => m.name.includes(text)); const result = allMasks.filter((m) =>
m.name.toLowerCase().includes(text.toLowerCase())
);
setSearchMasks(result); setSearchMasks(result);
} else { } else {
setSearchMasks(allMasks); setSearchMasks(allMasks);