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