diff options
author | Richard <richard@tripaneer.com> | 2020-01-31 21:52:27 +0100 |
---|---|---|
committer | Richard <richard@tripaneer.com> | 2020-01-31 21:52:27 +0100 |
commit | 2f9a052f89fe8d34fedcd2219e644dd51cda5505 (patch) | |
tree | 78caf41816cce8fcc17a85d874a446a86da5e80b /ui/src/components/community-form.tsx | |
parent | 8cbdba1da39c15d2a3d13919398fc4d4c8ef2c6c (diff) |
usability features
This are all the commits from another PR combined into a single commit.
Diffstat (limited to 'ui/src/components/community-form.tsx')
-rw-r--r-- | ui/src/components/community-form.tsx | 28 |
1 files changed, 17 insertions, 11 deletions
diff --git a/ui/src/components/community-form.tsx b/ui/src/components/community-form.tsx index c8d888be..46fc4185 100644 --- a/ui/src/components/community-form.tsx +++ b/ui/src/components/community-form.tsx @@ -108,12 +108,13 @@ export class CommunityForm extends Component< return ( <form onSubmit={linkEvent(this, this.handleCreateCommunitySubmit)}> <div class="form-group row"> - <label class="col-12 col-form-label"> - <T i18nKey="name">#</T> + <label class="col-12 col-form-label" for="community-name"> + { i18n.t('name') } </label> <div class="col-12"> <input type="text" + id="community-name" class="form-control" value={this.state.communityForm.name} onInput={linkEvent(this, this.handleCommunityNameChange)} @@ -125,13 +126,15 @@ export class CommunityForm extends Component< /> </div> </div> + <div class="form-group row"> - <label class="col-12 col-form-label"> - <T i18nKey="title">#</T> + <label class="col-12 col-form-label" for="community-title"> + { i18n.t('title') } </label> <div class="col-12"> <input type="text" + id="community-title" value={this.state.communityForm.title} onInput={linkEvent(this, this.handleCommunityTitleChange)} class="form-control" @@ -142,13 +145,14 @@ export class CommunityForm extends Component< </div> </div> <div class="form-group row"> - <label class="col-12 col-form-label"> - <T i18nKey="sidebar">#</T> + <label class="col-12 col-form-label" for="community-sidebar"> + { i18n.t('sidebar') } </label> <div class="col-12"> <textarea id={this.id} value={this.state.communityForm.description} + id="community-sidebar" onInput={linkEvent(this, this.handleCommunityDescriptionChange)} class="form-control" rows={3} @@ -157,12 +161,13 @@ export class CommunityForm extends Component< </div> </div> <div class="form-group row"> - <label class="col-12 col-form-label"> - <T i18nKey="category">#</T> + <label class="col-12 col-form-label" for="community-category"> + { i18n.t('category') } </label> <div class="col-12"> <select class="form-control" + id="community-category" value={this.state.communityForm.category_id} onInput={linkEvent(this, this.handleCommunityCategoryChange)} > @@ -179,12 +184,13 @@ export class CommunityForm extends Component< <div class="form-check"> <input class="form-check-input" + id="community-nsfw" type="checkbox" checked={this.state.communityForm.nsfw} onChange={linkEvent(this, this.handleCommunityNsfwChange)} /> - <label class="form-check-label"> - <T i18nKey="nsfw">#</T> + <label class="form-check-label" for="community-nsfw"> + { i18n.t('nsfw') } </label> </div> </div> @@ -209,7 +215,7 @@ export class CommunityForm extends Component< class="btn btn-secondary" onClick={linkEvent(this, this.handleCancel)} > - <T i18nKey="cancel">#</T> + { i18n.t('cancel') } </button> )} </div> |