Changeset View
Changeset View
Standalone View
Standalone View
web/app.react.js
Show First 20 Lines • Show All 44 Lines • ▼ Show 20 Lines | |||||
import DisconnectedBar from './redux/disconnected-bar.js'; | import DisconnectedBar from './redux/disconnected-bar.js'; | ||||
import FocusHandler from './redux/focus-handler.react.js'; | import FocusHandler from './redux/focus-handler.react.js'; | ||||
import PolicyAcknowledgmentHandler from './redux/policy-acknowledgment-handler.js'; | import PolicyAcknowledgmentHandler from './redux/policy-acknowledgment-handler.js'; | ||||
import { useSelector } from './redux/redux-utils.js'; | import { useSelector } from './redux/redux-utils.js'; | ||||
import VisibilityHandler from './redux/visibility-handler.react.js'; | import VisibilityHandler from './redux/visibility-handler.react.js'; | ||||
import history from './router-history.js'; | import history from './router-history.js'; | ||||
import AccountSettings from './settings/account-settings.react.js'; | import AccountSettings from './settings/account-settings.react.js'; | ||||
import DangerZone from './settings/danger-zone.react.js'; | import DangerZone from './settings/danger-zone.react.js'; | ||||
import LeftLayoutAside from './sidebar/left-layout-aside.react.js'; | import CommunityPicker from './sidebar/community-picker.react.js'; | ||||
import SettingsSwitcher from './sidebar/settings-switcher.react.js'; | import SettingsSwitcher from './sidebar/settings-switcher.react.js'; | ||||
import Splash from './splash/splash.react.js'; | import Splash from './splash/splash.react.js'; | ||||
import './typography.css'; | import './typography.css'; | ||||
import css from './style.css'; | import css from './style.css'; | ||||
import getTitle from './title/getTitle.js'; | import getTitle from './title/getTitle.js'; | ||||
import Topbar from './topbar/topbar.react.js'; | import Topbar from './topbar/topbar.react.js'; | ||||
import { type NavInfo } from './types/nav-types.js'; | import { type NavInfo } from './types/nav-types.js'; | ||||
import { canonicalURLFromReduxState, navInfoFromURL } from './url-utils.js'; | import { canonicalURLFromReduxState, navInfoFromURL } from './url-utils.js'; | ||||
▲ Show 20 Lines • Show All 160 Lines • ▼ Show 20 Lines | return ( | ||||
size="medium" | size="medium" | ||||
loadingClassName={css['page-loading']} | loadingClassName={css['page-loading']} | ||||
errorClassName={css['page-error']} | errorClassName={css['page-error']} | ||||
/> | /> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</header> | </header> | ||||
<InputStateContainer>{mainContent}</InputStateContainer> | <InputStateContainer>{mainContent}</InputStateContainer> | ||||
<LeftLayoutAside /> | <div className={css.sidebar}> | ||||
<CommunityPicker /> | |||||
</div> | |||||
</div> | </div> | ||||
); | ); | ||||
} | } | ||||
getMainContentWithSwitcher() { | getMainContentWithSwitcher() { | ||||
const { tab, settingsSection } = this.props.navInfo; | const { tab, settingsSection } = this.props.navInfo; | ||||
let mainContent; | let mainContent; | ||||
▲ Show 20 Lines • Show All 108 Lines • Show Last 20 Lines |