Function MeetingList

MeetingList(__namedParameters: MeetingListProps): Element

MeetingList displays a list of scheduled meetings with filtering

For integration with @hiyve/react-intelligence, use the useScheduling() hook and pass the meetings as props.

Parameters

__namedParameters: MeetingListProps

Returns Element

Example: Basic usage with cloud-provider

import { CloudProvider, useScheduling } from '@hiyve/react-intelligence';
import { MeetingList } from '@hiyve/react-intelligence';

function MeetingsPage() {
  const { meetings, loading, error, refresh, cancel, notify } = useScheduling();

  return (
    <MeetingList
      meetings={meetings}
      loading={loading}
      error={error}
      onRefresh={refresh}
      onCancel={(m) => cancel(m.id)}
      onSendReminder={(m) => notify(m.id, 'reminder')}
      showCreateButton
      onCreate={() => openScheduleForm()}
      onJoin={(m) => joinRoom(m.roomId)}
    />
  );
}

Example: Standalone with meetings prop

<MeetingList
  meetings={myMeetings}
  onMeetingClick={(m) => selectMeeting(m)}
/>