r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

show errors if file name is invalid

Browse source
This commit is contained in:
Cassie Tarakajian 2016-10-19 17:09:31 -04:00
parent 32d45ea332
commit ef7d121927
2 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/modules/IDE/components/NewFileForm.js
View file

@ -24,6 +24,7 @@ class NewFileForm extends React.Component {
{...name} {...name}
/> />
<input type="submit" value="Add File" aria-label="add file" /> <input type="submit" value="Add File" aria-label="add file" />
{name.touched && name.error && <span className="form-error">{name.error}</span>}
</form> </form>
); );
} }

5
client/styles/components/_modal.scss
View file

@ -32,6 +32,11 @@
margin-bottom: #{20 / $base-font-size}rem; margin-bottom: #{20 / $base-font-size}rem;
} }
.new-file-form, .new-file-folder {
display: flex;
flex-wrap: wrap;
}
.new-file-form__name-label, .new-folder-form__name-label { .new-file-form__name-label, .new-folder-form__name-label {
@extend %hidden-element; @extend %hidden-element;
} }