Add progress labels when opening a Realm (#1148)

realm · Jun 4, 2019 · f3fee33 · f3fee33
1 parent e4d83b6
commit f3fee33
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/ui/reusable/LoadingOverlay/LoadingOverlay.tsx b/src/ui/reusable/LoadingOverlay/LoadingOverlay.tsx
@@ -23,6 +23,7 @@ import { Button, Progress } from 'reactstrap';
 import { LoadingDots } from '../LoadingDots';
 import { ILoadingProgress } from './index';
 
+import { prettyBytes } from '../../../utils';
 import './LoadingOverlay.scss';
 
 /**
@@ -75,7 +76,10 @@ export const LoadingOverlay = ({
             className="LoadingOverlay__Progress"
             value={progress.transferred}
             max={progress.transferable}
-          />
+          >
+            {// tslint:disable-next-line: prettier
+            `${prettyBytes(progress.transferred || 0)} / ${prettyBytes(progress.transferable || 0)}`}
+          </Progress>
         )}
         {showDots ? <LoadingDots /> : null}
         {progress && progress.retry ? (