Skip to content

Commit

Permalink
fix: Hide cashier and traders hub from header for wallet account
Browse files Browse the repository at this point in the history
  • Loading branch information
maryia-matskevich-deriv committed Jan 24, 2024
1 parent 02d9956 commit aeaa95d
Showing 1 changed file with 43 additions and 38 deletions.
81 changes: 43 additions & 38 deletions src/components/Header/menu-links.jsx
Original file line number Diff line number Diff line change
@@ -1,44 +1,49 @@
import React from 'react';
import config from '@config';
import { translate } from '@i18n';
import { useSelector } from 'react-redux';

const MenuLinks = () => (
<div className='header__menu-item header__menu-links client_logged_in'>
{config.reports.visible && (
<div>
<a className='url-reports-positions header__menu-links-item' href={config.tradershub.url}>
<div className='header__icon-container'>
<img className='header__icon-text reports-icon' src='/public/images/traders_hub.png' />
</div>
<div>
<p className='header__menu-item_label'>{translate(config.tradershub.label)}</p>
</div>
</a>
</div>
)}
{config.reports.visible && (
<div>
<a className='url-reports-positions header__menu-links-item' href={config.reports.url}>
<div className='header__icon-container'>
<img className='header__icon-text reports-icon' src='/public/images/ic-reports.svg' />
</div>
<div>
<p className='header__menu-item_label'>{translate(config.reports.label)}</p>
</div>
</a>
</div>
)}
{config.reports.visible && (
<div>
<a className='url-cashier-deposit header__menu-links-item' href={config.cashier.url}>
<div className='header__icon-container'>
<img id='cashier_icon' className='header__icon-text' src='/public/images/ic-cashier.svg' />
</div>
<p className='header__menu-item_label'>{translate(config.cashier.label)}</p>
</a>
</div>
)}
</div>
);
const MenuLinks = () => {
const { has_wallet_account } = useSelector(state => state.client);
console.log('has_wallet_account', has_wallet_account);
return (
<div className='header__menu-item header__menu-links client_logged_in'>
{!has_wallet_account && config.reports.visible && (
<div>
<a className='url-reports-positions header__menu-links-item' href={config.tradershub.url}>
<div className='header__icon-container'>
<img className='header__icon-text reports-icon' src='/public/images/traders_hub.png' />
</div>
<div>
<p className='header__menu-item_label'>{translate(config.tradershub.label)}</p>
</div>
</a>
</div>
)}
{config.reports.visible && (
<div>
<a className='url-reports-positions header__menu-links-item' href={config.reports.url}>
<div className='header__icon-container'>
<img className='header__icon-text reports-icon' src='/public/images/ic-reports.svg' />
</div>
<div>
<p className='header__menu-item_label'>{translate(config.reports.label)}</p>
</div>
</a>
</div>
)}
{!has_wallet_account && config.reports.visible && (
<div>
<a className='url-cashier-deposit header__menu-links-item' href={config.cashier.url}>
<div className='header__icon-container'>
<img id='cashier_icon' className='header__icon-text' src='/public/images/ic-cashier.svg' />
</div>
<p className='header__menu-item_label'>{translate(config.cashier.label)}</p>
</a>
</div>
)}
</div>
);
};

export default MenuLinks;

0 comments on commit aeaa95d

Please sign in to comment.