bootstrap 4 buttons (#51)

Author: mysiar

templates/react/components/foo/Create.js

@@ -28,7 +28,7 @@ class Create extends Component {
       {this.props.error && <div className="alert alert-danger" role="alert"><span className="fa fa-exclamation-triangle" aria-hidden="true"></span> {this.props.error}</div>}
 
       <Form onSubmit={this.props.create} values={this.props.item}/>
-      <Link to="." className="btn btn-default">Back to list</Link>
+      <Link to="." className="btn btn-primary">Back to list</Link>
     </div>;
   }
 }

templates/react/components/foo/Form.js

@@ -30,7 +30,7 @@ class Form extends Component {
       <Field component={this.renderField} name="{{{ name }}}" type="{{{ type }}}"{{#if step}} step="{{{ step }}}"{{/if}} placeholder="{{{ description }}}" {{#if required}}required={true}{{/if}}/>
 {{/each}}
 
-        <button type="submit" className="btn btn-primary">Submit</button>
+        <button type="submit" className="btn btn-success">Submit</button>
       </form>;
   }
 }

templates/react/components/foo/List.js

@@ -36,7 +36,7 @@ class List extends Component {
       {this.props.deletedItem && <div className="alert alert-success">{this.props.deletedItem['@id']} deleted.</div>}
       {this.props.error && <div className="alert alert-danger">{this.props.error}</div>}
 
-      <p><Link to="create" className="btn btn-default">Create</Link></p>
+      <p><Link to="create" className="btn btn-primary">Create</Link></p>
 
         <table className="table table-responsive table-striped table-hover">
         <thead>
@@ -84,10 +84,10 @@ class List extends Component {
     const {'{{{ hydraPrefix }}}first': first, '{{{ hydraPrefix }}}previous': previous,'{{{ hydraPrefix }}}next': next, '{{{ hydraPrefix }}}last': last} = view;
 
     return <nav aria-label="Page navigation">
-        <Link to='.' className={`btn btn-default${previous ? '' : ' disabled'}`}><span aria-hidden="true">&lArr;</span> First</Link>
-        <Link to={!previous || previous === first ? '.' : encodeURIComponent(previous)} className={`btn btn-default${previous ? '' : ' disabled'}`}><span aria-hidden="true">&larr;</span> Previous</Link>
-        <Link to={next ? encodeURIComponent(next) : '#'} className={`btn btn-default${next ? '' : ' disabled'}`}>Next <span aria-hidden="true">&rarr;</span></Link>
-        <Link to={last ? encodeURIComponent(last) : '#'} className={`btn btn-default${next ? '' : ' disabled'}`}>Last <span aria-hidden="true">&rArr;</span></Link>
+        <Link to='.' className={`btn btn-primary${previous ? '' : ' disabled'}`}><span aria-hidden="true">&lArr;</span> First</Link>
+        <Link to={!previous || previous === first ? '.' : encodeURIComponent(previous)} className={`btn btn-primary${previous ? '' : ' disabled'}`}><span aria-hidden="true">&larr;</span> Previous</Link>
+        <Link to={next ? encodeURIComponent(next) : '#'} className={`btn btn-primary${next ? '' : ' disabled'}`}>Next <span aria-hidden="true">&rarr;</span></Link>
+        <Link to={last ? encodeURIComponent(last) : '#'} className={`btn btn-primary${next ? '' : ' disabled'}`}>Last <span aria-hidden="true">&rArr;</span></Link>
     </nav>;
   }
 }

templates/react/components/foo/Show.js

@@ -59,7 +59,7 @@ class Show extends Component {
           </tbody>
         </table>
       }
-      <Link to=".." className="btn btn-default">Back to list</Link>
+      <Link to=".." className="btn btn-primary">Back to list</Link>
       {item && <Link to={`/{{ name }}/edit/${encodeURIComponent(item['@id'])}`}>
         <button className="btn btn-warning">Edit</button>
         </Link>

templates/react/components/foo/Update.js

@@ -52,7 +52,7 @@ class Update extends Component {
       {this.props.deleteError && <div className="alert alert-danger" role="alert"><span className="fa fa-exclamation-triangle" aria-hidden="true"></span> {this.props.deleteError}</div>}
 
       {item && <Form onSubmit={values => this.props.update(item, values)} initialValues={item}/>}
-      <Link to=".." className="btn btn-default">Back to list</Link>
+      <Link to=".." className="btn btn-primary">Back to list</Link>
       <button onClick={this.del} className="btn btn-danger">Delete</button>
     </div>;
   }