houdini/javascripts/src/components/registration_page/NonprofitInfoPanel.tsx
2018-06-29 13:18:29 -05:00

48 lines
1.1 KiB
TypeScript

// License: LGPL-3.0-or-later
import * as React from 'react';
import {WizardPanel, WizardTabPanelProps} from "../common/wizard/WizardPanel";
import { Field} from 'mobx-react-form'
import { observer } from 'mobx-react';
import { computed } from 'mobx';
import { WizardTabPanelState} from "../common/wizard/wizard_state";
import {InjectedIntlProps, injectIntl, InjectedIntl} from 'react-intl';
import NonprofitInfoForm from "./NonprofitInfoForm";
export interface NonprofitInfoPanelProps extends WizardTabPanelProps
{
buttonText:string
}
class NonprofitInfoPanel extends React.Component<NonprofitInfoPanelProps & InjectedIntlProps, {}> {
@computed
get wizardTab(): WizardTabPanelState {
return this.props.tab
}
@computed
get form():Field{
return this.wizardTab.form
}
@computed
get submit(){
return this.form.onSubmit
}
render() {
var self = this
return <WizardPanel
tab={this.wizardTab} key={this.wizardTab.tabName}
>
<NonprofitInfoForm form={this.form} buttonText={this.props.buttonText}/>
</WizardPanel>
}
}
export default injectIntl(observer(NonprofitInfoPanel))