| | |
| | | } |
| | | } |
| | | |
| | | export default class NotificationRequestForm extends React.Component<NotificationRequestFormProps, NotificationRequestFormState> { |
| | | export default class NotificationRequestForm |
| | | extends React.Component<NotificationRequestFormProps, NotificationRequestFormState> { |
| | | |
| | | constructor(props: NotificationRequestFormProps) { |
| | | super(props); |
| | |
| | | header: "", |
| | | message: "" |
| | | } |
| | | } |
| | | }; |
| | | } |
| | | |
| | | private static getEmptyFields(): AnimalNotificationRequest { |
| | |
| | | <React.Fragment> |
| | | {this.state.isSubmitting ? this.renderLoader() : this.renderForm()} |
| | | </React.Fragment> |
| | | ) |
| | | ); |
| | | } |
| | | |
| | | public renderForm() { |
| | |
| | | onChange={this.handleApproximateSizeChange.bind(this)} |
| | | aria-label="Select approximate size"> |
| | | <FormSelectOption label={"None"} |
| | | value={null} |
| | | key={"None"}/> |
| | | value={null} |
| | | key={"None"}/> |
| | | {Object.keys(ApproximateSize).map((approximateSize) => { |
| | | return <FormSelectOption |
| | | key={approximateSize} |
| | | value={approximateSize} |
| | | label={approximateSize} |
| | | /> |
| | | />; |
| | | })} |
| | | </FormSelect> |
| | | </FormGroup> |
| | |
| | | <Button variant="primary" type={ButtonType.submit}>Subscribe</Button> |
| | | </ActionGroup> |
| | | </Form> |
| | | ) |
| | | ); |
| | | } |
| | | |
| | | private handleNameChange(username: string) { |