Adrienne / Hide block user dropdown when user views their own adverti…

…ser page (#6529) * Hide block user dropdown when user views their own advertiser page * Removed dropdown when user views their own ad and also removes disabled dropdown prop functionality
binary-com · Sep 21, 2022 · b62e08a · b62e08a
1 parent 8e45c5f
commit b62e08a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 22 deletions.
diff --git a/packages/p2p/src/components/advertiser-page/advertiser-page-dropdown-menu.jsx b/packages/p2p/src/components/advertiser-page/advertiser-page-dropdown-menu.jsx
@@ -1,13 +1,12 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import PropTypes from 'prop-types';
 import { Dropdown, Icon, Text } from '@deriv/components';
 import { Localize } from 'Components/i18next';
 import { useStores } from 'Stores';
 import { useOnClickOutside } from '../../../../components/src/hooks';
 import './advertiser-page.scss';
 
-const AdvertiserPageDropdownMenu = ({ is_my_advert }) => {
+const AdvertiserPageDropdownMenu = () => {
     const dropdown_menu_ref = React.useRef();
     const { advertiser_page_store } = useStores();
 
@@ -35,7 +34,7 @@ const AdvertiserPageDropdownMenu = ({ is_my_advert }) => {
                         onClick={advertiser_page_store.showBlockUserModal}
                     >
                         <Dropdown
-                            className={`advertiser-page__dropdown-container${is_my_advert ? '--disabled' : ''}`}
+                            className='advertiser-page__dropdown-container'
                             is_align_text_right
                             list={['Block']}
                             name='block_user_dropdown'
@@ -60,7 +59,3 @@ const AdvertiserPageDropdownMenu = ({ is_my_advert }) => {
 };
 
 export default observer(AdvertiserPageDropdownMenu);
-
-AdvertiserPageDropdownMenu.propTypes = {
-    is_my_advert: PropTypes.bool,
-};
diff --git a/packages/p2p/src/components/advertiser-page/advertiser-page.jsx b/packages/p2p/src/components/advertiser-page/advertiser-page.jsx
@@ -92,9 +92,11 @@ const AdvertiserPage = () => {
                     onClick={buy_sell_store.hideAdvertiserPage}
                     page_title={localize("Advertiser's page")}
                 />
-                <MobileWrapper>
-                    <AdvertiserPageDropdownMenu is_my_advert={is_my_advert} />
-                </MobileWrapper>
+                {!is_my_advert && (
+                    <MobileWrapper>
+                        <AdvertiserPageDropdownMenu />
+                    </MobileWrapper>
+                )}
             </div>
             <BlockUserOverlay
                 is_visible={!!advertiser_page_store.is_counterparty_advertiser_blocked}
@@ -208,9 +210,11 @@ const AdvertiserPage = () => {
                                 />
                             </div>
                         </div>
-                        <DesktopWrapper>
-                            <AdvertiserPageDropdownMenu is_my_advert={is_my_advert} />
-                        </DesktopWrapper>
+                        {!is_my_advert && (
+                            <DesktopWrapper>
+                                <AdvertiserPageDropdownMenu />
+                            </DesktopWrapper>
+                        )}
                     </div>
                     <AdvertiserPageStats />
                 </div>

diff --git a/packages/p2p/src/components/advertiser-page/advertiser-page.scss b/packages/p2p/src/components/advertiser-page/advertiser-page.scss
@@ -26,14 +26,6 @@
 
         &-container {
             margin-top: 0;
-
-            &--disabled {
-                margin-top: 0;
-
-                span {
-                    color: var(--text-disabled) !important;
-                }
-            }
         }
 
         &:hover {
@@ -64,7 +56,6 @@
     }
 
     &__page-return-header {
-        display: flex;
         position: relative;
     }