Show progress bar when loading on techdocs (#2065)

2020-08-21 10:31:30 +02:00
parent 27fedbc0d7
commit 5bf548ac80
1 changed files with 7 additions and 2 deletions
@@ -15,7 +15,7 @@
 */

 import React from 'react';
-import { useApi } from '@backstage/core';
+import { useApi, Progress } from '@backstage/core';
 import { useShadowDom } from '..';
 import { useAsync } from 'react-use';
 import { techdocsStorageApiRef } from '../../api';
@@ -131,5 +131,10 @@ export const Reader = ({ entityId }: Props) => {
    return <TechDocsNotFound />;
  }

-  return <div ref={shadowDomRef} />;
+  return (
+    <>
+      {loading ? <Progress /> : null}
+      <div ref={shadowDomRef} />
+    </>
+  );
 };