Merge pull request #16 from Shruti3004/layout

Layout
garimasingh128 · Dec 6, 2020 · 0a89442 · 0a89442
2 parents 8ac9e7f + d611044
commit 0a89442
Showing 1 changed file with 26 additions and 3 deletions.
diff --git a/src/components/DisplayCard.js b/src/components/DisplayCard.js
@@ -109,13 +109,33 @@ const DisplayCard = ({ data, repositories, langs, orgs }) => {
                     <div> </div>
                   )}
 
-                  <div className="contact-box pb0">
+                  <div className="contact-box pb-3 d-flex justify-content-center ltitle">
                     <div className="icon">
                       <FontAwesomeIcon icon={faGlobe}></FontAwesomeIcon>
                     </div>
                     <div className="detail">{data.location}</div>
                   </div>
 
+                  {
+                    data.twitter_username === null ? '' : 
+                    <div>
+                      <ul className="refer-cov">
+                        <li className="text-center"> @{data.twitter_username}</li>
+                      </ul>
+                      <h4 className="ltitle">Twitter</h4>
+                    </div>
+                  }
+
+                  {
+                    data.company === null ? '' : 
+                    <div>
+                      <div className="refer-cov">
+                        <b>{data.company}</b>
+                      </div>
+                      <h4 className="ltitle">Organisations</h4>
+                    </div>
+                  }                                                  
+
                   <h4 className="ltitle">Twitter</h4>
                   <ul className="row social-link no-margin">
                     <li> @{data.twitter_username}</li>
@@ -136,6 +156,7 @@ const DisplayCard = ({ data, repositories, langs, orgs }) => {
                       </a>
                   ))}</div>
 
+
                   <h4 className="ltitle">
                     Followers: <i className="fas fa-pencil-alt"></i>
                     {data.followers}
@@ -169,8 +190,10 @@ const DisplayCard = ({ data, repositories, langs, orgs }) => {
                     <i className="far fa-user"></i>About
                   </h2>
                   <div className="about">
-                    <p>{data.bio}</p>
-                  </div><br></br>
+
+                    <p className="text-center">{data.bio}</p>
+                  </div>
+
                   <h2 className="rit-titl">
                     <i className="far fa-user"></i>Public Repositories:{" "}
                     {data.public_repos}{" "}