Blocked user count not appearing in my profile (#6446)

* fixed bugs for blocked user count in my profile * reverted changes from my profile and change my profile name
binary-com · Sep 13, 2022 · 8440775 · 8440775
1 parent 420753d
commit 8440775
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/packages/p2p/src/components/my-profile/my-profile-stats/my-profile-name/my-profile-name.jsx b/packages/p2p/src/components/my-profile/my-profile-stats/my-profile-name/my-profile-name.jsx
@@ -10,6 +10,7 @@ import MyProfilePrivacy from '../my-profile-privacy';
 import StarRating from 'Components/star-rating';
 import RecommendedBy from 'Components/recommended-by';
 import BlockUserCount from 'Components/advertiser-page/block-user/block-user-count';
+import classNames from 'classnames';
 
 const MyProfileName = () => {
     const { general_store, my_profile_store } = useStores();
@@ -82,11 +83,6 @@ const MyProfileName = () => {
                                             recommended_count={recommended_count}
                                         />
                                     </div>
-                                    <DesktopWrapper>
-                                        <div className='my-profile-name--rating__row'>
-                                            <BlockUserCount />
-                                        </div>
-                                    </DesktopWrapper>
                                 </React.Fragment>
                             ) : (
                                 <div className='my-profile-name--rating__row'>
@@ -96,6 +92,9 @@ const MyProfileName = () => {
                                 </div>
                             )}
                             <DesktopWrapper>
+                                <div className='my-profile-name--rating__row'>
+                                    <BlockUserCount />
+                                </div>
                                 <Text
                                     className='my-profile-name--rating__row'
                                     color='less-prominent'
@@ -112,7 +111,12 @@ const MyProfileName = () => {
                                 </Text>
                             </DesktopWrapper>
                             <MobileWrapper>
-                                <div className='my-profile-name--row'>
+                                <div
+                                    className={classNames('my-profile-name--row', {
+                                        'my-profile-name--row--rated': rating_average,
+                                        'my-profile-name--row--no-rating': !rating_average,
+                                    })}
+                                >
                                     <div className='my-profile-name--rating__row'>
                                         <BlockUserCount />
                                     </div>

diff --git a/packages/p2p/src/components/my-profile/my-profile-stats/my-profile-name/my-profile-name.scss b/packages/p2p/src/components/my-profile/my-profile-stats/my-profile-name/my-profile-name.scss
@@ -80,8 +80,17 @@
     &--row {
         display: flex;
         flex-direction: row;
-        @include mobile {
-            margin-top: 1rem;
+
+        &--no-rating {
+            @include mobile {
+                margin-left: 0.7rem;
+            }
+        }
+
+        &--rated {
+            @include mobile {
+                margin-top: 1rem;
+            }
         }
     }
 }