From e8d6c5b4dd345e161f745de1486cc59d26cf51e6 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Thu, 5 Oct 2017 13:59:42 -0700
Subject: [PATCH] Helper function for ActivityIndicator SVGs

---
 src/components/ActivityIndicator/index.js | 36 ++++++++---------------
 1 file changed, 13 insertions(+), 23 deletions(-)

diff --git a/src/components/ActivityIndicator/index.js b/src/components/ActivityIndicator/index.js
index 758e0c02..153979ca 100644
--- a/src/components/ActivityIndicator/index.js
+++ b/src/components/ActivityIndicator/index.js
@@ -17,6 +17,10 @@ import ViewPropTypes from '../View/ViewPropTypes';
 import { bool, number, oneOf, oneOfType, string } from 'prop-types';
 import React, { Component } from 'react';
 
+const createSvgCircle = style => (
+  <circle cx="16" cy="16" fill="none" r="14" strokeWidth="4" style={style} />
+);
+
 class ActivityIndicator extends Component {
   static displayName = 'ActivityIndicator';
 
@@ -40,29 +44,15 @@ class ActivityIndicator extends Component {
 
     const svg = (
       <svg height="100%" viewBox="0 0 32 32" width="100%">
-        <circle
-          cx="16"
-          cy="16"
-          fill="none"
-          r="14"
-          strokeWidth="4"
-          style={{
-            stroke: color,
-            opacity: 0.2
-          }}
-        />
-        <circle
-          cx="16"
-          cy="16"
-          fill="none"
-          r="14"
-          strokeWidth="4"
-          style={{
-            stroke: color,
-            strokeDasharray: 80,
-            strokeDashoffset: 60
-          }}
-        />
+        {createSvgCircle({
+          stroke: color,
+          opacity: 0.2
+        })}
+        {createSvgCircle({
+          stroke: color,
+          strokeDasharray: 80,
+          strokeDashoffset: 60
+        })}
       </svg>
     );