From ea7aa1b920ad0155f2da9eeeb4eaecd062ee9c74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20=C3=85lund?= <alund@spotify.com>
Date: Sat, 7 Mar 2020 20:46:55 +0100
Subject: [PATCH] Use Backstage progress indicator

---
 .../ExampleFetchComponent/ExampleFetchComponent.tsx.hbs       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs
index d32ac3be94..df7829f3c0 100644
--- a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs
+++ b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs
@@ -6,9 +6,9 @@ import TableCell from '@material-ui/core/TableCell';
 import TableContainer from '@material-ui/core/TableContainer';
 import TableHead from '@material-ui/core/TableHead';
 import TableRow from '@material-ui/core/TableRow';
-import LinearProgress from '@material-ui/core/LinearProgress';
 import Alert from '@material-ui/lab/Alert';
 import { useAsync } from 'react-use';
+import { Progress } from '@spotify-backstage/core';
 
 const useStyles = makeStyles({
   table: {
@@ -92,7 +92,7 @@ const ExampleFetchComponent: FC<{}> = () => {
   }, []);
 
   if (loading) {
-    return <LinearProgress data-testid="progress" />;
+    return <Progress />;
   } else if (error) {
     return <Alert severity="error">{error.message}</Alert>;
   }