Changeset View
Changeset View
Standalone View
Standalone View
web/app.react.js
Show First 20 Lines • Show All 47 Lines • ▼ Show 20 Lines | |||||
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 LeftLayoutAside from './sidebar/left-layout-aside.react'; | import LeftLayoutAside from './sidebar/left-layout-aside.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 Topbar from './topbar/topbar.react'; | |||||
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, | ||||
// so we disable the autoAddCss logic and import the CSS file. Otherwise every | // so we disable the autoAddCss logic and import the CSS file. Otherwise every | ||||
// icon flashes huge for a second before the CSS is loaded. | // icon flashes huge for a second before the CSS is loaded. | ||||
import '@fortawesome/fontawesome-svg-core/styles.css'; | import '@fortawesome/fontawesome-svg-core/styles.css'; | ||||
faConfig.autoAddCss = false; | faConfig.autoAddCss = false; | ||||
▲ Show 20 Lines • Show All 163 Lines • ▼ Show 20 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']}> | ||||
<Topbar navInfo={this.props.navInfo} /> | |||||
<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 |