From 8bea34c15903b266d19242843d1c4a2ad1171ae4 Mon Sep 17 00:00:00 2001
From: Corey Mason <corey.mason98@googlemail.com>
Date: Mon, 3 Sep 2018 20:42:26 -0700
Subject: [PATCH] Sort members & style fix

Also removed duplicated
---
 components/profile/ProfileCard/index.js  |  6 +--
 components/profile/ProfileCard/style.css | 16 +++---
 members.json                             | 63 +++---------------------
 pages/index.js                           |  1 +
 4 files changed, 21 insertions(+), 65 deletions(-)

diff --git a/components/profile/ProfileCard/index.js b/components/profile/ProfileCard/index.js
index 82973d5..b1b3c95 100644
--- a/components/profile/ProfileCard/index.js
+++ b/components/profile/ProfileCard/index.js
@@ -31,13 +31,13 @@ function ProfileCard({ name, bio, linkedInUrl, gitHubUrl, websiteUrl }) {
 
       <ul className="profile-social-links">
         <li>
-          {linkedInUrl && <a href={linkedInUrl}><FontAwesomeIcon icon={faLinkedIn} /></a>}
+          <a className={linkedInUrl === '#' ? 'nolink' : ''} href={linkedInUrl}><FontAwesomeIcon icon={faLinkedIn} /></a>
         </li>
         <li>
-          {gitHubUrl && <a href={gitHubUrl}><FontAwesomeIcon icon={faGithub} /></a>}
+          <a className={gitHubUrl === '#' ? 'nolink' : ''} href={gitHubUrl}><FontAwesomeIcon icon={faGithub} /></a>
         </li>
         <li>
-          {websiteUrl && <a href={websiteUrl}><FontAwesomeIcon icon={faGlobe} /></a>}
+          <a className={websiteUrl === '#' ? 'nolink' : ''} href={websiteUrl}><FontAwesomeIcon icon={faGlobe} /></a>
         </li>
       </ul>
     </div>
diff --git a/components/profile/ProfileCard/style.css b/components/profile/ProfileCard/style.css
index 6e2a922..074c8f0 100644
--- a/components/profile/ProfileCard/style.css
+++ b/components/profile/ProfileCard/style.css
@@ -14,14 +14,14 @@
 }
 .profile-card {
     min-height: 150px; /* temp */
-  	background: #FFFFFF;
+    background: #FFFFFF;
     width: 200px;
     z-index: 2;
-  	overflow: hidden;
+    overflow: hidden;
     opacity: 1;
     margin: 15px 15px;
-  	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
-  	box-shadow: 0px 3px 6px rgba(0 ,0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
+    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
+    box-shadow: 0px 3px 6px rgba(0 ,0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
 }
 .profile-card .card-header {
     width: auto;
@@ -68,7 +68,7 @@
     display: block;
     float: none;
     padding: 15px 0px 30px 0px;
-	  background: #FFFFFF;
+    background: #FFFFFF;
     color: #333333;
     margin-top: -20px;
     text-align: center;
@@ -80,7 +80,7 @@
     float: none;
     margin: 0px;
     padding: 15px 20px;
-	  background: #FFFFFF;
+    background: #FFFFFF;
     margin-top: -20px;
     text-align: center;
     opacity: 1;
@@ -133,6 +133,10 @@
     width: 24px !important;
 }
 
+.profile-social-links li a.nolink {
+    color: #95a5a6;
+}
+
 @-webkit-keyframes ripple {
     0% {
         transform: scale3d(0, 0, 0);
diff --git a/members.json b/members.json
index 4f62018..72310d8 100644
--- a/members.json
+++ b/members.json
@@ -27,13 +27,6 @@
     "gitHubUrl": "#",
     "websiteUrl": "#"
   },
-  {
-    "name": "Dustin Cai",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
   {
     "name": "Brandon Lau",
     "bio": "Student",
@@ -41,13 +34,6 @@
     "gitHubUrl": "#",
     "websiteUrl": "#"
   },
-  {
-    "name": "Alicia Siu",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
   {
     "name": "Elias Heffan",
     "bio": "Student",
@@ -55,20 +41,6 @@
     "gitHubUrl": "#",
     "websiteUrl": "#"
   },
-  {
-    "name": "Vivienne Zing",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
-  {
-    "name": "Katie Kwak",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
   {
     "name": "Raja Vyshnavi Sriramoju",
     "bio": "Student",
@@ -209,13 +181,6 @@
     "gitHubUrl": "#",
     "websiteUrl": "#"
   },
-  {
-    "name": "Maxim Chiao",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
   {
     "name": "Jessica Ma",
     "bio": "Student",
@@ -223,13 +188,6 @@
     "gitHubUrl": "#",
     "websiteUrl": "#"
   },
-  {
-    "name": "Kevin Lee",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
   {
     "name": "Travis Garcia",
     "bio": "Student",
@@ -258,13 +216,6 @@
     "gitHubUrl": "#",
     "websiteUrl": "#"
   },
-  {
-    "name": "Brandon Lau",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
   {
     "name": "Songwen Su",
     "bio": "Student",
@@ -363,18 +314,18 @@
     "gitHubUrl": "#",
     "websiteUrl": "#"
   },
-  {
-    "name": "Kimberly Lee",
-    "bio": "Student",
-    "linkedInUrl": "#",
-    "gitHubUrl": "#",
-    "websiteUrl": "#"
-  },
   {
     "name": "Nikhita Battula",
     "bio": "Student",
     "linkedInUrl": "#",
     "gitHubUrl": "#",
     "websiteUrl": "#"
+  },
+  { 
+    "name": "Corey Mason",
+    "bio": "Former Officer & Webmaster",
+    "linkedInUrl": "https://linkedin.com/in/corey-mason",
+    "gitHubUrl": "https://github.com/coreymason",
+    "websiteUrl": "https://coreysmason.com"
   }
 ]
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
index 3029e32..6537e47 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -18,6 +18,7 @@ export default class HomePage extends React.Component {
   static async getInitialProps() {
     // This data may be moved online at a future date
     const membersData = require('../members.json') || false; // eslint-disable-line global-require
+    membersData.sort((a, b) => a.name < b.name ? -1 : 1);
     return { membersData };
   }