moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

FormGroup: move hintText above input

This commit is contained in:
Alex Gleason 2023-03-29 20:42:57 -05:00
parent 79a33d0f1d
commit ddf433a5c9
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/soapbox/components/ui/form-group/form-group.tsx
View File

@ -86,6 +86,12 @@ const FormGroup: React.FC<IFormGroup> = (props) => {
)}
<div className='mt-1 dark:text-white'>
{hintText && (
<p data-testid='form-group-hint' className='mb-0.5 text-xs text-gray-700 dark:text-gray-600'>
{hintText}
</p>
)}
{firstChild}
{inputChildren.filter((_, i) => i !== 0)}
@ -97,12 +103,6 @@ const FormGroup: React.FC<IFormGroup> = (props) => {
{errors.join(', ')}
</p>
)}
{hintText && (
<p data-testid='form-group-hint' className='mt-0.5 text-xs text-gray-700 dark:text-gray-600'>
{hintText}
</p>
)}
</div>
</div>
);