wrap IS_MAC statements inside app ifdef

This commit is contained in:
Sean Yesmunt 2020-08-21 00:13:47 -04:00
parent d276a0fa62
commit 764af3a5db

View file

@ -6,7 +6,9 @@ import React from 'react';
import Button from 'component/button'; import Button from 'component/button';
import classnames from 'classnames'; import classnames from 'classnames';
import NotificationBubble from 'component/notificationBubble'; import NotificationBubble from 'component/notificationBubble';
// @if TARGET='app'
import { IS_MAC } from 'component/app/view'; import { IS_MAC } from 'component/app/view';
// @endif
const ESCAPE_KEY_CODE = 27; const ESCAPE_KEY_CODE = 27;
const BACKSLASH_KEY_CODE = 220; const BACKSLASH_KEY_CODE = 220;
@ -242,7 +244,14 @@ function SideNavigation(props: Props) {
})} })}
> >
{!isOnFilePage && ( {!isOnFilePage && (
<nav className={classnames('navigation', { 'navigation--micro': microNavigation, 'navigation--mac': IS_MAC })}> <nav
className={classnames('navigation', {
'navigation--micro': microNavigation,
// @if TARGET='app'
'navigation--mac': IS_MAC,
// @endif
})}
>
<ul className={classnames('navigation-links', { 'navigation-links--micro': !sidebarOpen })}> <ul className={classnames('navigation-links', { 'navigation-links--micro': !sidebarOpen })}>
{TOP_LEVEL_LINKS.map(linkProps => {TOP_LEVEL_LINKS.map(linkProps =>
!email && linkProps.hideForUnauth && IS_WEB ? null : ( !email && linkProps.hideForUnauth && IS_WEB ? null : (
@ -284,7 +293,9 @@ function SideNavigation(props: Props) {
<> <>
<nav <nav
className={classnames('navigation--absolute', { className={classnames('navigation--absolute', {
// @if TARGET='app'
'navigation--mac': IS_MAC, 'navigation--mac': IS_MAC,
// @endif
})} })}
> >
<ul className="navigation-links--absolute"> <ul className="navigation-links--absolute">
@ -338,7 +349,9 @@ function SideNavigation(props: Props) {
</nav> </nav>
<div <div
className={classnames('navigation__overlay', { className={classnames('navigation__overlay', {
// @if TARGET='app'
'navigation__overlay--mac': IS_MAC, 'navigation__overlay--mac': IS_MAC,
// @endif
})} })}
onClick={() => setSidebarOpen(false)} onClick={() => setSidebarOpen(false)}
/> />