stage

2 files changed, 10 insertions, 9 deletions

diff --git a/client/src/pages/ManageServer.js b/client/src/pages/ManageServer.js
index 990884e..fe84f9a 100644
--- a/client/src/pages/ManageServer.js
+++ b/client/src/pages/ManageServer.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import fetch from 'node-fetch';
 import PropTypes from 'prop-types';
-import { MDBBadge, MDBAlert } from 'mdbreact';
+import { Alert, Badge } from 'react-bootstrap';
 
 import ManageServerSettings from '../components/manageserver/ManageServerSettings';
 
@@ -46,14 +46,15 @@ export default class ManageServer extends Component {
             );
         } else if(!this.state.data) {
             return(
-                <MDBAlert color="warning">This bot is not in this server</MDBAlert>
+                // <MDBAlert color="warning">This bot is not in this server</MDBAlert>
+                <Alert variant="warning">Aki is not in this server!</Alert>
             );
         } else {
             return(
                 <React.Fragment>
                     <h1><strong>{this.state.data.name}</strong></h1>
-                    <MDBBadge color="info">{`${this.state.data.members} Members`}</MDBBadge>&nbsp;
-                    <MDBBadge color="success">{`Owner: ${this.state.data.owner}`}</MDBBadge>
+                    <Badge variant="primary">{`${this.state.data.members} Members`}</Badge>&nbsp;
+                    <Badge variant="success">{`Owner: ${this.state.data.owner}`}</Badge>
                     
                     <hr />
                     
diff --git a/client/src/pages/ServerSelection.js b/client/src/pages/ServerSelection.js
index f1e3a39..7e27982 100644
--- a/client/src/pages/ServerSelection.js
+++ b/client/src/pages/ServerSelection.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { MDBAlert, MDBRow } from 'mdbreact';
+import { Alert, CardColumns } from 'react-bootstrap';
 
 import ServerCard from '../components/selection/ServerCard';
 
@@ -10,18 +10,18 @@ export default class ServerSelection extends Component {
         
         if (!guilds.length) {
             return(
-                <MDBAlert color="warning">
+                <Alert variant="warning">
                     <strong>You cannot manage any servers</strong>
-                </MDBAlert>
+                </Alert>
             );
         } else {
             return(
                 <React.Fragment>
-                    <MDBRow>
+                    <CardColumns>
                         {guilds.map(guild => {
                             return(<ServerCard guild={guild} />);
                         })}
-                    </MDBRow>
+                    </CardColumns>
                 </React.Fragment>
             );
         }