From 60473dc57e4ef6f29f16b62c18e7f12aafdc42c1 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 8 Apr 2020 20:55:18 +0700
Subject: [PATCH] profile description

---
 src/containers/profile/ProfilePageLeft/index.tsx   |  4 ++++
 src/containers/profile/ProfilePageLeft/styles.scss | 14 +++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/containers/profile/ProfilePageLeft/index.tsx b/src/containers/profile/ProfilePageLeft/index.tsx
index aaa640ae..7c0844e5 100644
--- a/src/containers/profile/ProfilePageLeft/index.tsx
+++ b/src/containers/profile/ProfilePageLeft/index.tsx
@@ -51,6 +51,10 @@ const ProfilePageLeft: FC<IProps> = ({ username, profile }) => {
           </div>
         </div>
       </div>
+
+      {profile && profile.user && profile.user.description && (
+        <div className={styles.description}>{profile.user.description}</div>
+      )}
     </div>
   );
 };
diff --git a/src/containers/profile/ProfilePageLeft/styles.scss b/src/containers/profile/ProfilePageLeft/styles.scss
index ab403266..5f64dd86 100644
--- a/src/containers/profile/ProfilePageLeft/styles.scss
+++ b/src/containers/profile/ProfilePageLeft/styles.scss
@@ -1,6 +1,6 @@
 .wrap {
   display: flex;
-  align-items: flex-start;
+  align-items: stretch;
   justify-content: stretch;
   flex-direction: column;
 }
@@ -17,7 +17,7 @@
   width: 100%;
   padding: 0 10px;
   position: relative;
-  top: -$radius;
+  margin-top: -$radius;
   box-sizing: border-box;
 }
 
@@ -25,7 +25,6 @@
   background: $content_bg;
   width: 100%;
   border-radius: $radius;
-  box-shadow: rgba(0, 0, 0, 0.3) 0 2px;
 }
 
 .name {
@@ -52,6 +51,7 @@
   width: 100%;
   flex-direction: column;
   box-sizing: border-box;
+  display: none;
 
   a {
     width: 100%;
@@ -77,3 +77,11 @@
     fill: currentColor;
   }
 }
+
+.description {
+  padding: $gap;
+  box-sizing: border-box;
+  background: darken($content_bg, 4%);
+  margin: 0 $gap;
+  border-radius: 0 0 $radius $radius;
+}