import { useState, useMemo } from 'react'; import { useOrganizations } from '@/hooks/useOrganizations.ts'; export const useOrganizationTable = () => { const { organizations } = useOrganizations(); const [filter, setFilter] = useState<'all' | 'verified' | 'unverified'>('all'); const [searchTerm, setSearchTerm] = useState(''); const filteredOrgs = useMemo(() => { return organizations .filter((org) => { if (filter === 'verified') return org.Verified; if (filter === 'unverified') return !org.Verified; return true; }) .filter((org) => org.Name.toLowerCase().includes(searchTerm.toLowerCase())); }, [organizations, filter, searchTerm]); return { filter, setFilter, searchTerm, setSearchTerm, filteredOrgs, }; };