From bb511abc03bb66848947e37a999502b813c77269 Mon Sep 17 00:00:00 2001
From: 8cy <50817549+8cy@users.noreply.github.com>
Date: Thu, 23 Jul 2020 23:24:17 -0700
Subject: goodbye old uwufier :cry:

---
 client/src/components/selection/ServerCard.js | 37 +++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 client/src/components/selection/ServerCard.js

(limited to 'client/src/components/selection/ServerCard.js')

diff --git a/client/src/components/selection/ServerCard.js b/client/src/components/selection/ServerCard.js
new file mode 100644
index 0000000..93c7ad6
--- /dev/null
+++ b/client/src/components/selection/ServerCard.js
@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import { MDBBtn, MDBCard, MDBCardBody, MDBCardTitle, MDBCol } from 'mdbreact';
+
+export default class ServerCard extends Component {
+    render() {
+        return(
+            <React.Fragment>
+                <MDBCol size={6}>
+                    <MDBCard className="server-card">
+                        <MDBCardBody>
+                            <img
+                                width="200px"
+                                alt={`Icon of ${this.props.guild.name}`}
+                                className="server-card-image"
+                                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`
+                                }
+                            />
+                            
+                            <MDBCardTitle><h6><strong>{this.props.guild.name}</strong></h6></MDBCardTitle>
+                            <Link to={`/server/${this.props.guild.id}`}>
+                                <MDBBtn color="primary">Manage</MDBBtn>
+                            </Link>
+                        </MDBCardBody>
+                    </MDBCard>
+                </MDBCol>
+            </React.Fragment>
+        )
+    }
+}
+
+ServerCard.propTypes = {
+    guild: PropTypes.object
+}
\ No newline at end of file
-- 
cgit v1.2.3