From 96595a551ef5bd16ef9557817e1d9ad064857c5c Mon Sep 17 00:00:00 2001
From: Jonatas Martins <jonatas.martins@codengage.com>
Date: Wed, 23 Dec 2020 09:48:59 -0300
Subject: [PATCH] feature: implements dynamic number dots of circles loader

---
 lib/loader/CirclesLoader.js | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/lib/loader/CirclesLoader.js b/lib/loader/CirclesLoader.js
index 4884627..8f81273 100644
--- a/lib/loader/CirclesLoader.js
+++ b/lib/loader/CirclesLoader.js
@@ -10,25 +10,18 @@ export default class CirclesLoader extends React.PureComponent {
     color: PropTypes.string,
     dotRadius: PropTypes.number,
     size: PropTypes.number,
+    numberDots: PropTypes.number,
   };
 
   static defaultProps = {
     color,
     dotRadius: 8,
     size: 40,
+    numberDots: 8,
   };
 
   state = {
-    opacities: [
-      new Animated.Value(1),
-      new Animated.Value(1),
-      new Animated.Value(1),
-      new Animated.Value(1),
-      new Animated.Value(1),
-      new Animated.Value(1),
-      new Animated.Value(1),
-      new Animated.Value(1),
-    ],
+    opacities: Array.apply(null, Array(this.props.numberDots)).map(function(){return new Animated.Value(1)}),
   };
   eachDegree = 360 / this.state.opacities.length;
   timers = [];