improvements to teams page

Author: ksraj123

src/pages/Team/Team.js

@@ -1,14 +1,10 @@
 import React, { Component } from "react";
-
-import PropTypes from "prop-types";
-// import {Card,Button} from 'react-bootstrap'
-
-import "./Team.css";
 import BoardMembersWrapper from "./BoardMembers";
 import CoreContributorsWrapper from "./CoreContributors";
 import ScrollToTopBtn from "../../components/ScrollToTopBtn/ScrollToTopBtn.js";
 import axios from "axios";
-import $ from "jquery";
+import "./Team.css";
+
 class Team extends Component {
   constructor(props) {
     super(props);
@@ -17,28 +13,17 @@ class Team extends Component {
       contributors: [],
     };
   }
-  // var jsonURL = "https://s3.ap-south-1.amazonaws.com/pr-webhook-contributors-json/contributors.json";
-  //     $.getJSON(jsonURL, function(json) {
-  //         $.each(json, function() {
-  //             var contributorDiv = "";
-  //             contributorDiv += '<div class="col-xs-1 col-3xs-12 lawyer-post g-mb-50"><a href=' + this.url + '><img class="img-responsive full-width g-mb-25" src="' + this.image + '" alt=""></a> </div>';
-  //             // contributorDiv += '<p class="g-fs-10 text-uppercase center-align">' + this.name + '</p>';
-  //             // contributorDiv += '<a href=' + this.url + ' class="btn-u btn-u-lg btn-u-red btn-u-upper github-button"><i class="fa fa-github"></i> </a> </div>'
-  //             $('#contributors').append(contributorDiv);
-  //         });
-  //     });
+
   componentDidMount() {
     var jsonURL =
       "https://s3.ap-south-1.amazonaws.com/pr-webhook-contributors-json/contributors.json";
     axios.get(jsonURL).then((res) => {
       this.setState({ contributors: res.data });
-      //console.log(this.state);
     });
     window.scrollTo(0, 0);
   }
   render() {
     let contributors = this.state.contributors;
-    // console.log(contributors)
     var contrilist = contributors.map((contri) => {
       return (
         <div class="col-xs-2 lawyer-post g-mb-50 m-4">

src/pages/Team/TeamCard.js

@@ -2,10 +2,11 @@ import React from "react";
 import { Card } from "react-bootstrap";
 
 const TeamCard = (props) => {
-  //console.log(props);
   return (
     <Card style={{ marginBottom: "2vh", border: "0px", textAlign: "left" }}>
-      <Card.Img style={{borderRadius: "1rem"}} src={props.member.profile} className="mx-auto" />
+      <Card.Img 
+        style={{borderRadius: "1rem", width: "50%"}} 
+        src={props.member.profile} className="mx-auto" />
       <Card.Body>
         <Card.Title className="team-card-name mt-4 mr-1">{props.member.name}</Card.Title>
         <Card.Text>
@@ -14,18 +15,14 @@ const TeamCard = (props) => {
         <Card.Text className="mt-2">{props.member.headline}</Card.Text>
         <Card.Text style={{marginTop: 20}}>
           <a
-            class="btn btn-primary ml-0 mr-3"
-            href={props.member.github}
-            role="button"
-            style={{ borderRadius: "50%", backgroundColor: " #22247A" }}>
-            <i class="fab fa-github" aria-hidden="true"></i>
+            class="custom-links mr-2 ml-2"
+            href={props.member.github}>
+              Github
           </a>
           <a
-            class="btn btn-primary mr-3"
-            href={props.member.linkedin}
-            role="button"
-            style={{ borderRadius: "50%", backgroundColor: " #22247A" }}>
-            <i class="fab fa-linkedin" aria-hidden="true"></i>
+            class="custom-links mr-2 ml-2"
+            href={props.member.linkedin}>
+              Linkedin
           </a>
         </Card.Text>
       </Card.Body>