From 5bf548ac808428dcc530cc51625dd6d072d12b38 Mon Sep 17 00:00:00 2001
From: Sebastian Qvarfordt <s.qvarfordt@gmail.com>
Date: Fri, 21 Aug 2020 10:31:30 +0200
Subject: [PATCH] Show progress bar when loading on techdocs (#2065)

---
 plugins/techdocs/src/reader/components/Reader.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/plugins/techdocs/src/reader/components/Reader.tsx b/plugins/techdocs/src/reader/components/Reader.tsx
index 8e1e36595a..8ae3273e12 100644
--- a/plugins/techdocs/src/reader/components/Reader.tsx
+++ b/plugins/techdocs/src/reader/components/Reader.tsx
@@ -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} />
+    </>
+  );
 };