stage

1 files changed, 17 insertions, 2 deletions

diff --git a/client/src/components/selection/ServerCard.js b/client/src/components/selection/ServerCard.js
index 93c7ad6..9357374 100644
--- a/client/src/components/selection/ServerCard.js
+++ b/client/src/components/selection/ServerCard.js
@@ -2,12 +2,27 @@ import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import { MDBBtn, MDBCard, MDBCardBody, MDBCardTitle, MDBCol } from 'mdbreact';
+import { Card, Col, Button, CardColumns } from 'react-bootstrap';
 
 export default class ServerCard extends Component {
     render() {
         return(
             <React.Fragment>
-                <MDBCol size={6}>
+                <Card className="p-3 dark-card" style={{ width: '18rem' }}>
+                    <Card.Img variant="top" src={this.props.guild.icon ?
+                        `https://cdn.discordapp.com/icons/${this.props.guild.id}/${this.props.guild.icon}.png?size=4096` :
+                        `https://cdn.discordapp.com/embed/avatars/3.png` } />
+                    <Card.Body>
+                        <Card.Title>{this.props.guild.name}</Card.Title>
+                        <Link to={`/server/${this.props.guild.id}`}>
+                            <Button variant="primary">Manage</Button>
+                        </Link>
+                    </Card.Body>
+                </Card>
+                
+                
+
+                {/* <MDBCol size={6}>
                     <MDBCard className="server-card">
                         <MDBCardBody>
                             <img
@@ -26,7 +41,7 @@ export default class ServerCard extends Component {
                             </Link>
                         </MDBCardBody>
                     </MDBCard>
-                </MDBCol>
+                </MDBCol> */}
             </React.Fragment>
         )
     }