From 1d7d84cc7b8daab41cb0c5fb78fa779295ca982e Mon Sep 17 00:00:00 2001
From: Andy Edwards <jedwards@fastmail.com>
Date: Mon, 18 Sep 2017 17:59:26 -0500
Subject: [PATCH] don't render <text> if textForPercentage is falsy or returns
 falsy

fix #24
---
 src/index.jsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/index.jsx b/src/index.jsx
index ed9b622..f5fc6bd 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -74,12 +74,15 @@ class CircularProgressbar extends React.Component {
   }
 
   render() {
-    const classForPercentage = this.props.classForPercentage ? this.props.classForPercentage(this.props.percentage) : '';
+    const {percentage, classForPercentage, textForPercentage, className, strokeWidth} = this.props
+    const classForPercentage = classForPercentage ? classForPercentage(percentage) : '';
     const pathDescription = this.getPathDescription();
+    
+    const text = textForPercentage ? textForPercentage(percentage) : null
 
     return (
       <svg
-        className={`CircularProgressbar ${this.props.className} ${classForPercentage}`}
+        className={`CircularProgressbar ${className} ${classForPercentage}`}
         viewBox="0 0 100 100"
       >
         {
@@ -96,25 +99,25 @@ class CircularProgressbar extends React.Component {
         <path
           className="CircularProgressbar-trail"
           d={pathDescription}
-          strokeWidth={this.props.strokeWidth}
+          strokeWidth={strokeWidth}
           fillOpacity={0}
         />
 
         <path
           className="CircularProgressbar-path"
           d={pathDescription}
-          strokeWidth={this.props.strokeWidth}
+          strokeWidth={strokeWidth}
           fillOpacity={0}
           style={this.getProgressStyle()}
         />
 
-        <text
+        {text ? <text
           className="CircularProgressbar-text"
           x={50}
           y={50}
         >
-          {this.props.textForPercentage(this.props.percentage)}
-        </text>
+          {text}
+        </text> : null}
       </svg>
     );
   }