Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-12 08:25:44 +01:00
Code Issues Packages Projects Releases Activity

Fix loading detection

Browse Source
This commit is contained in:
Rene Pfeuffer
2020-02-21 07:37:55 +01:00
parent c4a801a7be
commit 264f6efd04
1 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scm-ui/ui-webapp/src/repos/sources/components/FileTree.tsx
View File

@@ -105,7 +105,6 @@ class FileTree extends React.Component<Props, State> {
return ( return (
<div className="panel-block"> <div className="panel-block">
{this.renderSourcesTable()} {this.renderSourcesTable()}
{lastHunk.loading && <Loading />}
{lastHunk.tree?.truncated && <Button label={t("sources.loadMore")} action={this.loadMore} />} {lastHunk.tree?.truncated && <Button label={t("sources.loadMore")} action={this.loadMore} />}
</div> </div>
); );
@@ -124,6 +123,10 @@ class FileTree extends React.Component<Props, State> {
}); });
} }
if (hunks.every(hunk => hunk.loading)) {
return <Loading />;
}
hunks hunks
.filter(hunk => !hunk.loading) .filter(hunk => !hunk.loading)
.forEach(hunk => { .forEach(hunk => {
@@ -144,6 +147,7 @@ class FileTree extends React.Component<Props, State> {
} }
return ( return (
<>
<table className="table table-hover table-sm is-fullwidth"> <table className="table table-hover table-sm is-fullwidth">
<thead> <thead>
<tr> <tr>
@@ -161,6 +165,8 @@ class FileTree extends React.Component<Props, State> {
))} ))}
</tbody> </tbody>
</table> </table>
{hunks[hunks.length - 1].loading && <Loading />}
</>
); );
} }
return <Notification type="info">{t("sources.noSources")}</Notification>; return <Notification type="info">{t("sources.noSources")}</Notification>;
@@ -185,7 +191,6 @@ const mapStateToProps = (state: any, ownProps: Props) => {
const hunkCount = getHunkCount(state, repository, revision, path); const hunkCount = getHunkCount(state, repository, revision, path);
const hunks = []; const hunks = [];
for (let i = 0; i < hunkCount; ++i) { for (let i = 0; i < hunkCount; ++i) {
console.log(`getting data for hunk ${i}`);
const tree = getSources(state, repository, revision, path, i); const tree = getSources(state, repository, revision, path, i);
const loading = isFetchSourcesPending(state, repository, revision, path, i); const loading = isFetchSourcesPending(state, repository, revision, path, i);
hunks.push({ hunks.push({