Merge pull request #1828 from github/koesie10/results-loading
Add spinner when loading results
This commit is contained in:
@@ -227,7 +227,7 @@ export const RepoRow = ({
|
|||||||
[onSelectedChange, repository],
|
[onSelectedChange, repository],
|
||||||
);
|
);
|
||||||
|
|
||||||
const disabled = !canExpand(status, downloadStatus);
|
const disabled = !canExpand(status, downloadStatus) || resultsLoading;
|
||||||
const expandableContentLoaded = isExpandableContentLoaded(
|
const expandableContentLoaded = isExpandableContentLoaded(
|
||||||
status,
|
status,
|
||||||
downloadStatus,
|
downloadStatus,
|
||||||
@@ -247,11 +247,13 @@ export const RepoRow = ({
|
|||||||
checked={selected}
|
checked={selected}
|
||||||
disabled={!repository.id || !canSelect(status, downloadStatus)}
|
disabled={!repository.id || !canSelect(status, downloadStatus)}
|
||||||
/>
|
/>
|
||||||
{isExpanded ? (
|
{isExpanded && (
|
||||||
<ExpandCollapseCodicon name="chevron-down" label="Collapse" />
|
<ExpandCollapseCodicon name="chevron-down" label="Collapse" />
|
||||||
) : (
|
)}
|
||||||
|
{!isExpanded && !resultsLoading && (
|
||||||
<ExpandCollapseCodicon name="chevron-right" label="Expand" />
|
<ExpandCollapseCodicon name="chevron-right" label="Expand" />
|
||||||
)}
|
)}
|
||||||
|
{resultsLoading && <LoadingIcon label="Results are loading" />}
|
||||||
<VSCodeBadge>
|
<VSCodeBadge>
|
||||||
{resultCount === undefined ? "-" : formatDecimal(resultCount)}
|
{resultCount === undefined ? "-" : formatDecimal(resultCount)}
|
||||||
</VSCodeBadge>
|
</VSCodeBadge>
|
||||||
|
|||||||
Reference in New Issue
Block a user