|
|
|
@ -53,24 +53,30 @@ class NavigationPanel extends Component { |
|
|
|
|
const { intl } = this.props; |
|
|
|
|
const { signedIn, disabledAccountId } = this.context.identity; |
|
|
|
|
|
|
|
|
|
let banner = undefined; |
|
|
|
|
|
|
|
|
|
if(transientSingleColumn) |
|
|
|
|
banner = (<div className='switch-to-advanced'> |
|
|
|
|
{intl.formatMessage(messages.openedInClassicInterface)} |
|
|
|
|
{" "} |
|
|
|
|
<a href={`/deck${location.pathname}`} className='switch-to-advanced__toggle'> |
|
|
|
|
{intl.formatMessage(messages.advancedInterface)} |
|
|
|
|
</a> |
|
|
|
|
</div>); |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div className='navigation-panel'> |
|
|
|
|
<div className='navigation-panel__logo'> |
|
|
|
|
<Link to='/' className='column-link column-link--logo'><WordmarkLogo /></Link> |
|
|
|
|
|
|
|
|
|
{transientSingleColumn ? ( |
|
|
|
|
<div className='switch-to-advanced'> |
|
|
|
|
{intl.formatMessage(messages.openedInClassicInterface)} |
|
|
|
|
{" "} |
|
|
|
|
<a href={`/deck${location.pathname}`} className='switch-to-advanced__toggle'> |
|
|
|
|
{intl.formatMessage(messages.advancedInterface)} |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
) : ( |
|
|
|
|
<hr /> |
|
|
|
|
)} |
|
|
|
|
{!banner && <hr />} |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
{banner && |
|
|
|
|
<div class='navigation-panel__banner'> |
|
|
|
|
{banner} |
|
|
|
|
</div> |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
{signedIn && ( |
|
|
|
|
<> |
|
|
|
|
<ColumnLink transparent to='/home' icon='home' text={intl.formatMessage(messages.home)} /> |
|
|
|
|