added preloader validation

omarefg · Sep 12, 2019 · 9e0333c · 9e0333c
1 parent 551e829
commit 9e0333c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@omarefg/react-file-preview",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Component to render and preview some kind of documents",
   "main": "lib/index.js",
   "private": false,

diff --git a/src/components/Viewer.jsx b/src/components/Viewer.jsx
@@ -8,6 +8,7 @@ import { Video } from './Video'
 import { Unssuported } from './Unsupported'
 import { Csv } from './Csv'
 import { Xlsx } from './Xlsx'
+import { Loader } from './Loader'
 
 export const Viewer = props => {
     const {
@@ -23,8 +24,18 @@ export const Viewer = props => {
         pageSize,
         showPdfMenu,
         onPrint,
+        isLoading,
     } = props
 
+    if (isLoading) {
+        return (
+            <Loader
+                ErrorComponent={ErrorComponent}
+                onError={onError}
+            />
+        )
+    }
+
     switch (type) {
     case 'csv': {
         return (
@@ -141,6 +152,7 @@ Viewer.propTypes = {
     showPdfMenu: bool,
     onPrint: func,
     className: string,
+    isLoading: bool,
 }
 
 Viewer.defaultProps = {
@@ -154,4 +166,5 @@ Viewer.defaultProps = {
     showPdfMenu: true,
     onPrint: null,
     className: null,
+    isLoading: false,
 }