Changeset View
Changeset View
Standalone View
Standalone View
web/app.react.js
Show First 20 Lines • Show All 42 Lines • ▼ Show 20 Lines | |||||
import DisconnectedBarVisibilityHandler from './redux/disconnected-bar-visibility-handler'; | import DisconnectedBarVisibilityHandler from './redux/disconnected-bar-visibility-handler'; | ||||
import FocusHandler from './redux/focus-handler.react'; | import FocusHandler from './redux/focus-handler.react'; | ||||
import PolicyAcknowledgmentHandler from './redux/policy-acknowledgment-handler.js'; | import PolicyAcknowledgmentHandler from './redux/policy-acknowledgment-handler.js'; | ||||
import { useSelector } from './redux/redux-utils'; | import { useSelector } from './redux/redux-utils'; | ||||
import VisibilityHandler from './redux/visibility-handler.react'; | import VisibilityHandler from './redux/visibility-handler.react'; | ||||
import history from './router-history'; | import history from './router-history'; | ||||
import AccountSettings from './settings/account-settings.react'; | import AccountSettings from './settings/account-settings.react'; | ||||
import DangerZone from './settings/danger-zone.react'; | import DangerZone from './settings/danger-zone.react'; | ||||
import AppSwitcher from './sidebar/app-switcher.react'; | |||||
import LeftLayoutAside from './sidebar/left-layout-aside.react'; | import LeftLayoutAside from './sidebar/left-layout-aside.react'; | ||||
import SettingsSwitcher from './sidebar/settings-switcher.react'; | |||||
import Splash from './splash/splash.react'; | import Splash from './splash/splash.react'; | ||||
import './typography.css'; | import './typography.css'; | ||||
import css from './style.css'; | import css from './style.css'; | ||||
import getTitle from './title/getTitle'; | import getTitle from './title/getTitle'; | ||||
import { type NavInfo } from './types/nav-types'; | import { type NavInfo } from './types/nav-types'; | ||||
import { canonicalURLFromReduxState, navInfoFromURL } from './url-utils'; | import { canonicalURLFromReduxState, navInfoFromURL } from './url-utils'; | ||||
// We want Webpack's css-loader and style-loader to handle the Fontawesome CSS, | // We want Webpack's css-loader and style-loader to handle the Fontawesome CSS, | ||||
▲ Show 20 Lines • Show All 135 Lines • ▼ Show 20 Lines | const headerClasses = classnames({ | ||||
[css['electron-draggable']]: electron, | [css['electron-draggable']]: electron, | ||||
}); | }); | ||||
const wordmarkClasses = classnames({ | const wordmarkClasses = classnames({ | ||||
[css.wordmark]: true, | [css.wordmark]: true, | ||||
[css['electron-non-draggable']]: electron, | [css['electron-non-draggable']]: electron, | ||||
}); | }); | ||||
let navigationPanel; | |||||
if (tab === 'settings') { | |||||
navigationPanel = <SettingsSwitcher />; | |||||
} else { | |||||
navigationPanel = <AppSwitcher />; | |||||
} | |||||
return ( | return ( | ||||
<div className={css.layout}> | <div className={css.layout}> | ||||
<DisconnectedBarVisibilityHandler /> | <DisconnectedBarVisibilityHandler /> | ||||
<DisconnectedBar /> | <DisconnectedBar /> | ||||
<header | <header | ||||
className={headerClasses} | className={headerClasses} | ||||
onDoubleClick={this.onHeaderDoubleClick} | onDoubleClick={this.onHeaderDoubleClick} | ||||
> | > | ||||
Show All 16 Lines | return ( | ||||
loadingClassName={css['page-loading']} | loadingClassName={css['page-loading']} | ||||
errorClassName={css['page-error']} | errorClassName={css['page-error']} | ||||
/> | /> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</header> | </header> | ||||
<InputStateContainer> | <InputStateContainer> | ||||
<div className={css['main-content-container']}> | <div className={css['main-content-container']}> | ||||
<div className={css['topBar']}>{navigationPanel}</div> | |||||
<div className={css['main-content']}>{mainContent}</div> | <div className={css['main-content']}>{mainContent}</div> | ||||
</div> | </div> | ||||
</InputStateContainer> | </InputStateContainer> | ||||
<LeftLayoutAside /> | <LeftLayoutAside /> | ||||
</div> | </div> | ||||
); | ); | ||||
} | } | ||||
} | } | ||||
▲ Show 20 Lines • Show All 72 Lines • Show Last 20 Lines |