Use <Progress> instead of <LinearProgress /> in combination with Suspense

Signed-off-by: Oliver Sand <oliver.sand@sda-se.com>
This commit is contained in:
Oliver Sand
2021-11-02 10:00:10 +01:00
parent 7e5bd18cf7
commit e849f9cc0a
3 changed files with 17 additions and 12 deletions
@@ -14,11 +14,11 @@
* limitations under the License.
*/
import { Progress } from '@backstage/core-components';
import {
Accordion,
AccordionDetails,
AccordionSummary,
LinearProgress,
Typography,
} from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
@@ -85,7 +85,7 @@ export const ActionOutput = ({
{messages.length === 0 ? (
'Nothing here...'
) : (
<Suspense fallback={<LinearProgress />}>
<Suspense fallback={<Progress />}>
<div style={{ height: '20vh', width: '100%' }}>
<LazyLog text={messages.join('\n')} extraLines={1} enableSearch />
</div>