stage

1 files changed, 22 insertions, 3 deletions

diff --git a/client/src/components/manageserver/ManageServerSettings.js b/client/src/components/manageserver/ManageServerSettings.js
index 66a5fe5..cafa00c 100644
--- a/client/src/components/manageserver/ManageServerSettings.js
+++ b/client/src/components/manageserver/ManageServerSettings.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { MDBCard, MDBCardHeader, MDBCardBody, MDBInput, MDBAlert, MDBBtn } from 'mdbreact';
 import fetch from 'node-fetch';
+import { Card, Alert, Button, InputGroup, FormControl } from 'react-bootstrap';
 
 export default class ManageServerSettings extends Component {
     state = {
@@ -43,7 +43,26 @@ export default class ManageServerSettings extends Component {
     render() {
         return(
             <React.Fragment>
-                <MDBCard>
+                <Card style={{ width: '18rem' }}>
+                    <Card.Body>
+                        <Card.Title>Server Settings</Card.Title>
+                        <Card.Text>
+                            {this.state.error &&
+                                <Alert variant="danger">{this.state.error}</Alert>
+                            }
+                            {this.state.success &&
+                                <Alert variant="success">Updated server settings successfully.</Alert>
+                            }
+                            
+                            <InputGroup aria-label="Server name" value={this.props.data.name} onChange={this.props.handleInput} className="mb-3">
+                                <FormControl id="name" placeholder="Server name" aria-label="Server name"/>
+                            </InputGroup>
+                            <Button variant="primary" onClick={this.handleSave.bind(this)} disabled={this.state.disabled}>Save</Button>
+                        </Card.Text>
+                    </Card.Body>
+                </Card>
+
+                {/* <MDBCard>
                     <MDBCardHeader>
                         <h3>Server Settings</h3>
                     </MDBCardHeader>
@@ -58,7 +77,7 @@ export default class ManageServerSettings extends Component {
                         <MDBInput id="name" label="Server name" value={this.props.data.name} onChange={this.props.handleInput} />
                         <MDBBtn color="dark" onClick={this.handleSave.bind(this)} disabled={this.state.disabled}>Save</MDBBtn>
                     </MDBCardBody>
-                </MDBCard>
+                </MDBCard> */}
             </React.Fragment>
         )
     }