feat(component): Add maxBlur property

wcandillon · May 2, 2017 · fc224d1 · fc224d1
1 parent ee7a999
commit fc224d1
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -10,6 +10,7 @@ export interface ProgressiveImageProps {
     backgroundImages?: string[];
     transitionTime?: number;
     timingFunction?: string;
+    maxBlur?: number;
 }
 
 export interface ProgressiveImageState {
@@ -23,15 +24,16 @@ export class ProgressiveImage extends React.Component<ProgressiveImageProps & Di
 
     static defaultProps = {
         transitionTime: 500,
-        timingFunction: "ease"
+        timingFunction: "ease",
+        maxBlur: 10
     };
 
     componentWillMount() {
-        const {src, preview} = this.props;
-        this.setState({ src: "", blur: 10 });
+        const {src, preview, maxBlur} = this.props;
+        this.setState({ src: "", blur: maxBlur });
         this.cloneProps();
         this.fetch(preview)
-            .then(previewDataURI => this.setState({ src: previewDataURI, blur: 10 }))
+            .then(previewDataURI => this.setState({ src: previewDataURI, blur: maxBlur }))
             .then(() => this.fetch(src))
             .then(srcDataURI => this.setState({ src: srcDataURI, blur: 0 }));
     }