export default function SIPMeetingForm()

in apps/meeting/src/components/SIPMeetingForm/index.tsx [21:65]

• 43 lines of code
• 1 McCabe index (conditional complexity)

export default function SIPMeetingForm({
  meetingId,
  voiceConnectorId,
  onChangeMeetingId,
  onChangeVoiceConnectorId,
  handleSubmit,
}: SIPMeetingFormProps) {
  return (
    <form>
      <Heading tag="h1" level={4} css="margin-bottom: 1rem">
        Join a meeting via SIP
      </Heading>
      <FormField
        field={Input}
        label="Meeting Id"
        value={meetingId}
        fieldProps={{
          name: 'meetingId',
          placeholder: 'Enter Meeting Id',
        }}
        onChange={onChangeMeetingId}
      />

      <FormField
        field={Input}
        label="Voice Connector ID"
        value={voiceConnectorId}
        fieldProps={{
          name: 'voiceConnectorId',
          placeholder: 'Enter Voice Connector Id',
        }}
        infoText="You will need a SIP client in order to join the meeting."
        onChange={onChangeVoiceConnectorId}
      />

      <Flex
        container
        layout="fill-space-centered"
        style={{ marginTop: '2.5rem' }}
      >
        <PrimaryButton label="Get SIP URI" onClick={handleSubmit} />
      </Flex>
    </form>
  );
}