function FilterItems()

in src/components/searchlist.js [41:71]


function FilterItems({items, searchQuery, onClickItem, maxDisplayAmount}) {
  if (items.length == 0) {
    return (
      <ListItem>
        <ListItemText
          primary="No data to display." />
      </ListItem>
    );
  }

  const filteredItems = items.filter((item) => {
    return item.value.toLowerCase().includes(searchQuery.toLowerCase().trim());
  });

  if (filteredItems.length == 0) {
    return (
      <ListItem>
        <ListItemText
          primary="No results found." />
      </ListItem>
    );
  }

  return filteredItems.slice(0, maxDisplayAmount).map((item) => {
    return (
      <ListItem button key={item.index} onClick={() => onClickItem(item.index)}>
        <ListItemText
          primary={item.value} />
      </ListItem>
    );
  });