Thread Discussion

import React from 'react';
import { hubspot } from '@hubspot/ui-extensions';
import { CrmAssociationTable } from '@hubspot/ui-extensions/crm';

export default hubspot.extend(({ context }) => (
  <CrmAssociationTable
    objectTypeId="0-3"
    associationObjectTypeId="0-2"
    propertyColumns={['dealname', 'amount', 'closedate']}
    pageSize={5}
    preFilters={[
      {
        operator: 'EQ',
        property: 'dealstage',
        value: 'closedwon', 
      },
    ]}
    sort={[
      {
        columnName: 'closedate',
        direction: -1, // -1 for descending
      },
    ]}
    searchable={false}
    pagination={true}
    emptyStateTitle="Ingen closedwon deals fundet"
    emptyStateSubtitle="Der er ingen closed-won deals for denne virksomhed."
  />
));