Fixed: Rotating mobile device when modal is open won't reset modal

pull/1689/head
Qstick 5 years ago
parent a29ee22167
commit 1f752e7bb7

@ -7,7 +7,7 @@ import TableBody from 'Components/Table/TableBody';
import TableOptionsModalWrapper from 'Components/Table/TableOptions/TableOptionsModalWrapper';
import TablePager from 'Components/Table/TablePager';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
@ -56,7 +56,7 @@ class Blacklist extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -103,7 +103,7 @@ class Blacklist extends Component {
/>
</div>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -8,7 +8,7 @@ import TableBody from 'Components/Table/TableBody';
import TableOptionsModalWrapper from 'Components/Table/TableOptions/TableOptionsModalWrapper';
import TablePager from 'Components/Table/TablePager';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
@ -96,7 +96,7 @@ class History extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetchingAny && !isAllPopulated &&
<LoadingIndicator />
@ -147,7 +147,7 @@ class History extends Component {
/>
</div>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -12,7 +12,7 @@ import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import TablePager from 'Components/Table/TablePager';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
@ -197,7 +197,7 @@ class Queue extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isRefreshing && !isAllPopulated &&
<LoadingIndicator />
@ -254,7 +254,7 @@ class Queue extends Component {
/>
</div>
}
</PageContentBodyConnector>
</PageContentBody>
<RemoveQueueItemsModal
isOpen={isConfirmRemoveModalOpen}

@ -21,7 +21,7 @@ import EditAlbumModalConnector from 'Album/Edit/EditAlbumModalConnector';
import DeleteAlbumModal from 'Album/Delete/DeleteAlbumModal';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
@ -306,7 +306,7 @@ class AlbumDetails extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector innerClassName={styles.innerContentBody}>
<PageContentBody innerClassName={styles.innerContentBody}>
<div className={styles.header}>
<div
className={styles.backdrop}
@ -579,7 +579,7 @@ class AlbumDetails extends Component {
onModalClose={this.onDeleteAlbumModalClose}
/>
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -7,7 +7,7 @@ import { push } from 'connected-react-router';
import NotFound from 'Components/NotFound';
import { fetchAlbums, clearAlbums } from 'Store/Actions/albumActions';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import AlbumDetailsConnector from './AlbumDetailsConnector';
@ -103,9 +103,9 @@ class AlbumDetailsPageConnector extends Component {
(!isFetching && !isPopulated)) {
return (
<PageContent title='loading'>
<PageContentBodyConnector>
<PageContentBody>
<LoadingIndicator />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -7,7 +7,7 @@ import toggleSelected from 'Utilities/Table/toggleSelected';
import { align, sortDirections } from 'Helpers/Props';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import FilterMenu from 'Components/Menu/FilterMenu';
@ -138,7 +138,7 @@ class AlbumStudio extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -184,7 +184,7 @@ class AlbumStudio extends Component {
!error && isPopulated && !items.length &&
<NoArtist totalItems={totalItems} />
}
</PageContentBodyConnector>
</PageContentBody>
<AlbumStudioFooter
selectedCount={this.getSelectedIds().length}

@ -14,7 +14,7 @@ import Label from 'Components/Label';
import MonitorToggleButton from 'Components/MonitorToggleButton';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
@ -340,7 +340,7 @@ class ArtistDetails extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector innerClassName={styles.innerContentBody}>
<PageContentBody innerClassName={styles.innerContentBody}>
<div className={styles.header}>
<div
className={styles.backdrop}
@ -670,7 +670,7 @@ class ArtistDetails extends Component {
artistId={id}
onModalClose={this.onInteractiveSearchModalClose}
/>
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -6,7 +6,7 @@ import { createSelector } from 'reselect';
import { push } from 'connected-react-router';
import getErrorMessage from 'Utilities/Object/getErrorMessage';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import NotFound from 'Components/NotFound';
import ArtistDetailsConnector from './ArtistDetailsConnector';
@ -74,9 +74,9 @@ class ArtistDetailsPageConnector extends Component {
if (isFetching && !isPopulated) {
return (
<PageContent title='loading'>
<PageContentBodyConnector>
<PageContentBody>
<LoadingIndicator />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -7,7 +7,7 @@ import toggleSelected from 'Utilities/Table/toggleSelected';
import { align, sortDirections } from 'Helpers/Props';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import FilterMenu from 'Components/Menu/FilterMenu';
@ -202,7 +202,7 @@ class ArtistEditor extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -249,7 +249,7 @@ class ArtistEditor extends Component {
!error && isPopulated && !items.length &&
<NoArtist totalItems={totalItems} />
}
</PageContentBodyConnector>
</PageContentBody>
<ArtistEditorFooter
artistIds={selectedArtistIds}

@ -6,7 +6,7 @@ import getErrorMessage from 'Utilities/Object/getErrorMessage';
import { align, icons, sortDirections } from 'Helpers/Props';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageJumpBar from 'Components/Page/PageJumpBar';
import TableOptionsModalWrapper from 'Components/Table/TableOptions/TableOptionsModalWrapper';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
@ -308,7 +308,7 @@ class ArtistIndex extends Component {
</PageToolbar>
<div className={styles.pageContentBodyWrapper}>
<PageContentBodyConnector
<PageContentBody
registerScroller={this.setScrollerRef}
className={styles.contentBody}
innerClassName={styles[`${view}InnerContentBody`]}
@ -347,7 +347,7 @@ class ArtistIndex extends Component {
!error && isPopulated && !items.length &&
<NoArtist totalItems={totalItems} />
}
</PageContentBodyConnector>
</PageContentBody>
{
isLoaded && !!jumpBarItems.order.length &&

@ -4,7 +4,7 @@ import getErrorMessage from 'Utilities/Object/getErrorMessage';
import { align, icons } from 'Helpers/Props';
import PageContent from 'Components/Page/PageContent';
import Measure from 'Components/Measure';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
@ -129,7 +129,7 @@ class CalendarPage extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector
<PageContentBody
className={styles.calendarPageBody}
innerClassName={styles.calendarInnerPageBody}
>
@ -160,7 +160,7 @@ class CalendarPage extends Component {
hasArtist && !!artistError &&
<LegendConnector />
}
</PageContentBodyConnector>
</PageContentBody>
<CalendarLinkModal
isOpen={isCalendarLinkModalOpen}

@ -1,5 +1,6 @@
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { isMobile as isMobileUtil } from 'Utilities/mobile';
import { isLocked } from 'Utilities/scrollLock';
import { scrollDirections } from 'Helpers/Props';
import OverlayScroller from 'Components/Scroller/OverlayScroller';
@ -8,6 +9,15 @@ import styles from './PageContentBody.css';
class PageContentBody extends Component {
//
// Lifecycle
constructor(props, context) {
super(props, context);
this._isMobile = isMobileUtil();
}
//
// Listeners
@ -26,13 +36,12 @@ class PageContentBody extends Component {
const {
className,
innerClassName,
isSmallScreen,
children,
dispatch,
...otherProps
} = this.props;
const ScrollerComponent = isSmallScreen ? Scroller : OverlayScroller;
const ScrollerComponent = this._isMobile ? Scroller : OverlayScroller;
return (
<ScrollerComponent
@ -52,7 +61,6 @@ class PageContentBody extends Component {
PageContentBody.propTypes = {
className: PropTypes.string,
innerClassName: PropTypes.string,
isSmallScreen: PropTypes.bool.isRequired,
children: PropTypes.node.isRequired,
onScroll: PropTypes.func,
dispatch: PropTypes.func

@ -1,17 +0,0 @@
import { connect } from 'react-redux';
import { createSelector } from 'reselect';
import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector';
import PageContentBody from './PageContentBody';
function createMapStateToProps() {
return createSelector(
createDimensionsSelector(),
(dimensions) => {
return {
isSmallScreen: dimensions.isSmallScreen
};
}
);
}
export default connect(createMapStateToProps, null, null, { forwardRef: true })(PageContentBody);

@ -1,17 +1,17 @@
import React from 'react';
import ErrorBoundaryError from 'Components/Error/ErrorBoundaryError';
import PageContentBodyConnector from './PageContentBodyConnector';
import PageContentBody from './PageContentBody';
import styles from './PageContentError.css';
function PageContentError(props) {
return (
<div className={styles.content}>
<PageContentBodyConnector>
<PageContentBody>
<ErrorBoundaryError
{...props}
message='There was an error loading this page'
/>
</PageContentBodyConnector>
</PageContentBody>
</div>
);
}

@ -7,7 +7,7 @@ import Icon from 'Components/Icon';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import TextInput from 'Components/Form/TextInput';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import AddNewArtistSearchResultConnector from './Artist/AddNewArtistSearchResultConnector';
import AddNewAlbumSearchResultConnector from './Album/AddNewAlbumSearchResultConnector';
import styles from './AddNewItem.css';
@ -87,7 +87,7 @@ class AddNewItem extends Component {
return (
<PageContent title="Add New Item">
<PageContentBodyConnector>
<PageContentBody>
<div className={styles.searchContainer}>
<div className={styles.searchIconContainer}>
<Icon
@ -181,7 +181,7 @@ class AddNewItem extends Component {
}
<div />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
import React, { Component, Fragment } from 'react';
import { icons } from 'Helpers/Props';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
@ -77,7 +77,7 @@ class DownloadClientSettings extends Component {
onSavePress={this.onSavePress}
/>
<PageContentBodyConnector>
<PageContentBody>
<DownloadClientsConnector />
<DownloadClientOptionsConnector
@ -86,7 +86,7 @@ class DownloadClientSettings extends Component {
/>
<RemotePathMappingsConnector />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -4,7 +4,7 @@ import React, { Component } from 'react';
import { kinds } from 'Helpers/Props';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import Form from 'Components/Form/Form';
import ConfirmModal from 'Components/Modal/ConfirmModal';
@ -113,7 +113,7 @@ class GeneralSettings extends Component {
{...otherProps}
/>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -176,7 +176,7 @@ class GeneralSettings extends Component {
/>
</Form>
}
</PageContentBodyConnector>
</PageContentBody>
<ConfirmModal
isOpen={this.state.isRestartRequiredModalOpen}

@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
import React, { Component, Fragment } from 'react';
import { icons } from 'Helpers/Props';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
@ -73,10 +73,10 @@ class ImportListSettings extends Component {
onSavePress={this.onSavePress}
/>
<PageContentBodyConnector>
<PageContentBody>
<ImportListsConnector />
<ImportListsExclusionsConnector />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
import React, { Component, Fragment } from 'react';
import { icons } from 'Helpers/Props';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
@ -76,14 +76,14 @@ class IndexerSettings extends Component {
onSavePress={this.onSavePress}
/>
<PageContentBodyConnector>
<PageContentBody>
<IndexersConnector />
<IndexerOptionsConnector
onChildMounted={this.onChildMounted}
onChildStateChange={this.onChildStateChange}
/>
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -4,7 +4,7 @@ import { inputTypes, sizes } from 'Helpers/Props';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import FieldSet from 'Components/FieldSet';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import Form from 'Components/Form/Form';
import FormGroup from 'Components/Form/FormGroup';
@ -62,7 +62,7 @@ class MediaManagement extends Component {
onSavePress={onSavePress}
/>
<PageContentBodyConnector>
<PageContentBody>
<RootFoldersConnector />
<NamingConnector />
@ -443,7 +443,7 @@ class MediaManagement extends Component {
}
</Form>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -1,6 +1,6 @@
import React, { Component } from 'react';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import MetadatasConnector from './Metadata/MetadatasConnector';
import MetadataProviderConnector from './MetadataProvider/MetadataProviderConnector';
@ -54,13 +54,13 @@ class MetadataSettings extends Component {
onSavePress={this.onSavePress}
/>
<PageContentBodyConnector>
<PageContentBody>
<MetadataProviderConnector
onChildMounted={this.onChildMounted}
onChildStateChange={this.onChildStateChange}
/>
<MetadatasConnector />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -1,6 +1,6 @@
import React from 'react';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import NotificationsConnector from './Notifications/NotificationsConnector';
@ -11,9 +11,9 @@ function NotificationSettings() {
showSave={false}
/>
<PageContentBodyConnector>
<PageContentBody>
<NotificationsConnector />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -2,7 +2,7 @@ import React, { Component } from 'react';
import { DndProvider } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import QualityProfilesConnector from './Quality/QualityProfilesConnector';
import MetadataProfilesConnector from './Metadata/MetadataProfilesConnector';
@ -24,14 +24,14 @@ class Profiles extends Component {
showSave={false}
/>
<PageContentBodyConnector>
<PageContentBody>
<DndProvider backend={HTML5Backend}>
<QualityProfilesConnector />
<MetadataProfilesConnector />
<DelayProfilesConnector />
<ReleaseProfilesConnector />
</DndProvider>
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -1,6 +1,6 @@
import React, { Component } from 'react';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import QualityDefinitionsConnector from './Definition/QualityDefinitionsConnector';
@ -54,12 +54,12 @@ class Quality extends Component {
onSavePress={this.onSavePress}
/>
<PageContentBodyConnector>
<PageContentBody>
<QualityDefinitionsConnector
onChildMounted={this.onChildMounted}
onChildStateChange={this.onChildStateChange}
/>
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -1,7 +1,7 @@
import React from 'react';
import Link from 'Components/Link/Link';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from './SettingsToolbarConnector';
import styles from './Settings.css';
@ -12,7 +12,7 @@ function Settings() {
hasPendingChanges={false}
/>
<PageContentBodyConnector>
<PageContentBody>
<Link
className={styles.link}
to="/settings/mediamanagement"
@ -133,7 +133,7 @@ function Settings() {
<div className={styles.summary}>
Calendar, date and color impaired options
</div>
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -1,6 +1,6 @@
import React from 'react';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import TagsConnector from './TagsConnector';
@ -11,9 +11,9 @@ function TagSettings() {
showSave={false}
/>
<PageContentBodyConnector>
<PageContentBody>
<TagsConnector />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -4,7 +4,7 @@ import { inputTypes } from 'Helpers/Props';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import FieldSet from 'Components/FieldSet';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
import Form from 'Components/Form/Form';
import FormGroup from 'Components/Form/FormGroup';
@ -66,7 +66,7 @@ class UISettings extends Component {
onSavePress={onSavePress}
/>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching &&
<LoadingIndicator />
@ -222,7 +222,7 @@ class UISettings extends Component {
</FieldSet>
</Form>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -5,7 +5,7 @@ import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
@ -93,7 +93,7 @@ class Backups extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -141,7 +141,7 @@ class Backups extends Component {
</TableBody>
</Table>
}
</PageContentBodyConnector>
</PageContentBody>
<RestoreBackupModalConnector
isOpen={this.state.isRestoreModalOpen}

@ -7,7 +7,7 @@ import TableBody from 'Components/Table/TableBody';
import TableOptionsModalWrapper from 'Components/Table/TableOptions/TableOptionsModalWrapper';
import TablePager from 'Components/Table/TablePager';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
@ -73,7 +73,7 @@ function LogsTable(props) {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -116,7 +116,7 @@ function LogsTable(props) {
/>
</div>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -6,7 +6,7 @@ import Link from 'Components/Link/Link';
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
import Table from 'Components/Table/Table';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
@ -73,7 +73,7 @@ class LogFiles extends Component {
/>
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
<Alert>
<div>
Log files are located in: {location}
@ -119,7 +119,7 @@ class LogFiles extends Component {
!isFetching && !items.length &&
<div>No log files</div>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -1,6 +1,6 @@
import React, { Component } from 'react';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import HealthConnector from './Health/HealthConnector';
import DiskSpaceConnector from './DiskSpace/DiskSpaceConnector';
import AboutConnector from './About/AboutConnector';
@ -14,12 +14,12 @@ class Status extends Component {
render() {
return (
<PageContent title="Status">
<PageContentBodyConnector>
<PageContentBody>
<HealthConnector />
<DiskSpaceConnector />
<AboutConnector />
<MoreInfo />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -1,16 +1,16 @@
import React from 'react';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import ScheduledTasksConnector from './Scheduled/ScheduledTasksConnector';
import QueuedTasksConnector from './Queued/QueuedTasksConnector';
function Tasks() {
return (
<PageContent title="Tasks">
<PageContentBodyConnector>
<PageContentBody>
<ScheduledTasksConnector />
<QueuedTasksConnector />
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -9,7 +9,7 @@ import InlineMarkdown from 'Components/Markdown/InlineMarkdown';
import Icon from 'Components/Icon';
import Label from 'Components/Label';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import UpdateChanges from './UpdateChanges';
import styles from './Updates.css';
@ -49,7 +49,7 @@ class Updates extends Component {
return (
<PageContent title="Updates">
<PageContentBodyConnector>
<PageContentBody>
{
!isPopulated && !hasError &&
<LoadingIndicator />
@ -197,7 +197,7 @@ class Updates extends Component {
Failed to update settings
</div>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -6,7 +6,7 @@ import VirtualTable from 'Components/Table/VirtualTable';
import VirtualTableRow from 'Components/Table/VirtualTableRow';
import TableOptionsModalWrapper from 'Components/Table/TableOptions/TableOptionsModalWrapper';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
@ -106,7 +106,7 @@ class UnmappedFilesTable extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector
<PageContentBody
registerScroller={this.setScrollerRef}
>
{
@ -143,7 +143,7 @@ class UnmappedFilesTable extends Component {
sortDirection={sortDirection}
/>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -12,7 +12,7 @@ import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import TablePager from 'Components/Table/TablePager';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
@ -176,7 +176,7 @@ class CutoffUnmet extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -250,7 +250,7 @@ class CutoffUnmet extends Component {
/>
</div>
}
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

@ -12,7 +12,7 @@ import Table from 'Components/Table/Table';
import TableBody from 'Components/Table/TableBody';
import TablePager from 'Components/Table/TablePager';
import PageContent from 'Components/Page/PageContent';
import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import PageToolbarSeparator from 'Components/Page/Toolbar/PageToolbarSeparator';
@ -193,7 +193,7 @@ class Missing extends Component {
</PageToolbarSection>
</PageToolbar>
<PageContentBodyConnector>
<PageContentBody>
{
isFetching && !isPopulated &&
<LoadingIndicator />
@ -273,7 +273,7 @@ class Missing extends Component {
onModalClose={this.onInteractiveImportModalClose}
showReplaceExistingFiles={true}
/>
</PageContentBodyConnector>
</PageContentBody>
</PageContent>
);
}

Loading…
Cancel
Save