Alamantus
/
Lexiconga
mirror of https://github.com/Alamantus/Lexiconga.git
1
0
Fork 0
Code Issues Releases Activity

Add htmlFor and help text to EditDictionaryForm fields

This commit is contained in:
Robbie Antenesse 2017-08-20 14:48:04 -06:00
parent 6a1773b996
commit acb64dec56
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/management/EditDictionaryModal/EditDictionaryForm.jsx
View File

@ -10,9 +10,11 @@ export const EditDictionaryForm = ({
return ( return (
<div className='form'> <div className='form'>
<div className='field'> <div className='field'>
<label className='label'>Name</label> <label className='label' htmlFor='editName'>
Name
</label>
<div className='control'> <div className='control'>
<input className='input' type='text' <input className='input' id='editName' type='text'
placeholder={ `${ specification || 'Dictionary' } Name` } placeholder={ `${ specification || 'Dictionary' } Name` }
value={ name } value={ name }
onInput={ (event) => { onInput={ (event) => {
@ -26,9 +28,14 @@ export const EditDictionaryForm = ({
</div> </div>
<div className='field'> <div className='field'>
<label className='label'>Specification</label> <label className='label' htmlFor='editSpecification'>
Specification
</label>
<p className='help'>
What this collection of words should be referred to as, i.e. "Dictionary," "Word List", etc.
</p>
<div className='control'> <div className='control'>
<input className='input' type='text' <input className='input' id='editSpecification' type='text'
placeholder='Dictionary' placeholder='Dictionary'
value={ specification } value={ specification }
onInput={ (event) => { onInput={ (event) => {
@ -42,9 +49,14 @@ export const EditDictionaryForm = ({
</div> </div>
<div className='field'> <div className='field'>
<label className='label' htmlFor='dictionaryDescription'>Description</label> <label className='label' htmlFor='editDescription'>
Description
</label>
<p className='help'>
A description of your dictionary, <a href='MARKDOWN_LINK' target='_blank'>Markdown</a> enabled
</p>
<div className='control'> <div className='control'>
<textarea className='textarea' id='dictionaryDescription' <textarea className='textarea' id='editDescription'
placeholder={ `A description of your ${ specification }` } placeholder={ `A description of your ${ specification }` }
value={ description } value={ description }
onInput={ (event) => { onInput={ (event) => {