chore: wrap RepositoryModal's fields in Form component (#4034)

* chore: wrap RepositoryModal's fields in Form component

* wip
This commit is contained in:
Ngô Quốc Đạt 2024-09-28 23:08:52 +07:00 committed by GitHub
parent 40a84fc3d8
commit f8560ef51b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 63 additions and 57 deletions

View File

@ -5,6 +5,7 @@ import Select from 'flarum/common/components/Select';
import Stream from 'flarum/common/utils/Stream';
import Button from 'flarum/common/components/Button';
import extractText from 'flarum/common/utils/extractText';
import Form from 'flarum/common/components/Form';
export interface IAuthMethodModalAttrs extends IInternalModalAttrs {
onsubmit: (type: string, host: string, token: string) => void;
@ -45,6 +46,7 @@ export default class AuthMethodModal<CustomAttrs extends IAuthMethodModalAttrs =
return (
<div className="Modal-body">
<Form>
<div className="Form-group">
<label>{app.translator.trans('flarum-extension-manager.admin.auth_config.add_modal.type_label')}</label>
<Select options={types} value={this.type()} onchange={this.type} />
@ -77,6 +79,7 @@ export default class AuthMethodModal<CustomAttrs extends IAuthMethodModalAttrs =
{app.translator.trans('flarum-extension-manager.admin.auth_config.add_modal.submit_button')}
</Button>
</div>
</Form>
</div>
);
}

View File

@ -5,6 +5,7 @@ import Select from 'flarum/common/components/Select';
import Stream from 'flarum/common/utils/Stream';
import Button from 'flarum/common/components/Button';
import { type Repository } from './ConfigureComposer';
import Form from 'flarum/common/components/Form';
export interface IRepositoryModalAttrs extends IInternalModalAttrs {
onsubmit: (repository: Repository, key: string) => void;
@ -41,6 +42,7 @@ export default class RepositoryModal<CustomAttrs extends IRepositoryModalAttrs =
return (
<div className="Modal-body">
<Form>
<div className="Form-group">
<label>{app.translator.trans('flarum-extension-manager.admin.composer.repositories.add_modal.name_label')}</label>
<input className="FormControl" bidi={this.name} />
@ -66,6 +68,7 @@ export default class RepositoryModal<CustomAttrs extends IRepositoryModalAttrs =
{app.translator.trans('flarum-extension-manager.admin.composer.repositories.add_modal.submit_button')}
</Button>
</div>
</Form>
</div>
);
}