Merge pull request #2911 from iamnithishraja/iamnithishraja/fix-unnessasary-errors

Fixes Clicking on cross icon on create folder/create file modal throws unnessary error.

Author: raclim

client/modules/IDE/components/NewFileForm.jsx

@@ -55,11 +55,15 @@ function NewFileForm() {
                 </React.Fragment>
               )}
             </Field>
-            <Button type="submit" disabled={invalid || submitting}>
-              {t('NewFileForm.AddFileSubmit')}
-            </Button>
+            <Field name="submitButton">
+              {() => (
+                <Button type="submit" disabled={submitting}>
+                  {t('NewFileForm.AddFileSubmit')}
+                </Button>
+              )}
+            </Field>
           </div>
-          {touched.name && errors.name && (
+          {touched.submitButton && errors.name && (
             <span className="form-error">{errors.name}</span>
           )}
         </form>

client/modules/IDE/components/NewFolderForm.jsx

@@ -52,11 +52,15 @@ function NewFolderForm() {
                 </React.Fragment>
               )}
             </Field>
-            <Button type="submit" disabled={invalid || submitting}>
-              {t('NewFolderForm.AddFolderSubmit')}
-            </Button>
+            <Field name="submitButton">
+              {() => (
+                <Button type="submit" disabled={submitting}>
+                  {t('NewFolderForm.AddFolderSubmit')}
+                </Button>
+              )}
+            </Field>
           </div>
-          {touched.name && errors.name && (
+          {touched.submitButton && errors.name && (
             <span className="form-error">{errors.name}</span>
           )}
         </form>