Different filtering examples

Doyin Atobaru answered on April 11, 2025 Popularity 1/10 Helpfulness 1/10

answer Different filtering examples

Different filtering examples

Comment

  const [selectedTab, setSelectedTab] = useState<"All" | "Approved" | "Pending" | "Rejected">("All")
  const [toggleSelection, setToggleSelection] = useState('all'); 

 const filteredApps = useMemo(() => {
    return applications?.filter((app) => {
      // Filter by the selected tab (status)
      const isStatusMatch = selectedTab === "All" || app.status === selectedTab;

      // Filter by the toggle selection (for sale or for rent)
      const isToggleMatch = 
        toggleSelection === "all" || 
        (toggleSelection === "sales" && !app.property.type.toLowerCase().includes('rentals')) || 
        (toggleSelection === "rents" && app.property.type.toLowerCase().includes('rentals'));

      return isStatusMatch && isToggleMatch;
    });
  }, [applications, selectedTab, toggleSelection]);

  const getCountByStatus = (status: string) => {
    return applications?.filter(app => {
      // Filter by the selected status
      const isStatusMatch = app.status === status;
  
      // Filter by the toggle selection (for sale or for rent)
      const isToggleMatch =
        toggleSelection === "all" ||
        (toggleSelection === "sales" && !app.property.type.toLowerCase().includes('rentals')) ||
        (toggleSelection === "rents" && app.property.type.toLowerCase().includes('rentals'));
  
      // Only count applications that match both status and toggle selection
      return isStatusMatch && isToggleMatch;
    }).length.toString() as string;
  };
  
 const allApplications = applications?.length.toString() as string;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: filtering javascript

Link to this answer
Share Copy Link

Contributed on Apr 11 2025

Doyin Atobaru

0 Answers Avg Quality 2/10

Different filtering examples

Contents

More Related Answers

Different filtering examples

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.