Headless Frappe
for WordPress

import { useFrappeResourceList } from '@lubusin/wp-frappe-data-store';
import { frappeStore } from './store';

export function CRMDealsTable() {
  const { resources, isResolving, error } = useFrappeResourceList(
    frappeStore, 
    'CRM Deal', 
    { fields: ['deal_name', 'status', 'deal_value'], limit: 5 }
  );

  if (isResolving && !resources) return <div>Loading deals...</div>;
  if (error) return <div>Failed to fetch deals.</div>;

  return (
    <ul class="deals-list">
      {resources?.map((deal) => (
        <li key={deal.deal_name}>
          <strong>{deal.deal_name}</strong> — ${deal.deal_value}
        </li>
      ))}
    </ul>
  );
}