From 6465a307b39eb33a70d3df59cc3b95c215cbb7a3 Mon Sep 17 00:00:00 2001
From: Andrew Nicolaou <me@andrewnicolaou.co.uk>
Date: Sun, 26 Apr 2020 11:52:12 +0200
Subject: [PATCH] Convert New File/Folder to use Button

---
 client/modules/IDE/components/NewFileForm.jsx   | 7 ++++++-
 client/modules/IDE/components/NewFolderForm.jsx | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/modules/IDE/components/NewFileForm.jsx b/client/modules/IDE/components/NewFileForm.jsx
index 1ff8bff4..9c0234f7 100644
--- a/client/modules/IDE/components/NewFileForm.jsx
+++ b/client/modules/IDE/components/NewFileForm.jsx
@@ -2,6 +2,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { domOnlyProps } from '../../../utils/reduxFormUtils';
 
+import Button from '../../../common/Button';
+
 class NewFileForm extends React.Component {
   constructor(props) {
     super(props);
@@ -33,7 +35,10 @@ class NewFileForm extends React.Component {
             {...domOnlyProps(name)}
             ref={(element) => { this.fileName = element; }}
           />
-          <input type="submit" value="Add File" aria-label="add file" />
+          <Button
+            type="submit"
+          >Add File
+          </Button>
         </div>
         {name.touched && name.error && <span className="form-error">{name.error}</span>}
       </form>
diff --git a/client/modules/IDE/components/NewFolderForm.jsx b/client/modules/IDE/components/NewFolderForm.jsx
index 70750394..c5e0b564 100644
--- a/client/modules/IDE/components/NewFolderForm.jsx
+++ b/client/modules/IDE/components/NewFolderForm.jsx
@@ -2,6 +2,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { domOnlyProps } from '../../../utils/reduxFormUtils';
 
+import Button from '../../../common/Button';
+
 class NewFolderForm extends React.Component {
   constructor(props) {
     super(props);
@@ -34,7 +36,10 @@ class NewFolderForm extends React.Component {
             ref={(element) => { this.fileName = element; }}
             {...domOnlyProps(name)}
           />
-          <input type="submit" value="Add Folder" aria-label="add folder" />
+          <Button
+            type="submit"
+          >Add Folder
+          </Button>
         </div>
         {name.touched && name.error && <span className="form-error">{name.error}</span>}
       </form>