Web: Files: VersionHistory: Fixed page wrapper

This commit is contained in:
Ilya Oleshko 2020-08-11 15:48:37 +03:00
parent 9d703ec01e
commit 30c17e3220

View File

@ -42,7 +42,7 @@ class PureVersionHistory extends React.Component {
.then((versions) => this.setState({ versions })) .then((versions) => this.setState({ versions }))
} }
} }
onLoading = status => { onLoading = status => {
this.setState({ isLoading: status }); this.setState({ isLoading: status });
}; };
@ -66,34 +66,56 @@ class PureVersionHistory extends React.Component {
<PageLayout <PageLayout
withBodyScroll={true} withBodyScroll={true}
withBodyAutoFocus={true} withBodyAutoFocus={true}
articleHeaderContent={<ArticleHeaderContent />} >
articleMainButtonContent={ <PageLayout.ArticleHeader>
<ArticleHeaderContent />
</PageLayout.ArticleHeader>
<PageLayout.ArticleMainButton>
<ArticleMainButtonContent <ArticleMainButtonContent
onLoading={this.onLoading} onLoading={this.onLoading}
startUpload={this.startUpload} startUpload={this.startUpload}
/> />
} </PageLayout.ArticleMainButton>
articleBodyContent={
<PageLayout.ArticleBody>
<ArticleBodyContent <ArticleBodyContent
onLoading={this.onLoading} onLoading={this.onLoading}
isLoading={this.state.isLoading} isLoading={this.state.isLoading}
/> />
} </PageLayout.ArticleBody>
sectionHeaderContent={<SectionHeaderContent title={versions && versions[0].title} />}
sectionBodyContent={ <PageLayout.SectionHeader>
<SectionBodyContent onLoading={this.onLoading} versions={versions} culture={settings.culture} /> <SectionHeaderContent title={versions && versions[0].title} />
} </PageLayout.SectionHeader>
/>
<PageLayout.SectionBody>
<SectionBodyContent
onLoading={this.onLoading}
versions={versions}
culture={settings.culture}
/>
</PageLayout.SectionBody>
</PageLayout>
) : ( ) : (
<PageLayout <PageLayout>
articleHeaderContent={<ArticleHeaderContent />} <PageLayout.ArticleHeader>
articleMainButtonContent={<ArticleMainButtonContent />} <ArticleHeaderContent />
articleBodyContent={<ArticleBodyContent />} </PageLayout.ArticleHeader>
sectionBodyContent={
<Loader className="pageLoader" type="rombs" size="40px" /> <PageLayout.ArticleMainButton>
} <ArticleMainButtonContent />
/> </PageLayout.ArticleMainButton>
)}
<PageLayout.ArticleBody>
<ArticleBodyContent />
</PageLayout.ArticleBody>
<PageLayout.SectionBody>
<Loader className="pageLoader" type="rombs" size="40px" />
</PageLayout.SectionBody>
</PageLayout>
)}
</> </>
); );
} }