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 LeftLayoutAside from './sidebar/left-layout-aside.react'; | import CommunityPicker from './sidebar/community-picker.react'; | ||||
import SettingsSwitcher from './sidebar/settings-switcher.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 Topbar from './topbar/topbar.react'; | 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'; | ||||
▲ Show 20 Lines • Show All 154 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() { | ||||
let mainContent; | let mainContent; | ||||
const { tab, settingsSection } = this.props.navInfo; | const { tab, settingsSection } = this.props.navInfo; | ||||
if (tab === 'calendar') { | if (tab === 'calendar') { | ||||
▲ Show 20 Lines • Show All 105 Lines • Show Last 20 Lines |