From 1c31ff4e98832d78492027d1a51c36bda84ff664 Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Wed, 10 May 2017 23:47:09 +0900
Subject: [PATCH] use string template literal

---
 browser/components/TodolistPercentage.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/browser/components/TodolistPercentage.js b/browser/components/TodolistPercentage.js
index fbd7efa3..1a7c5363 100644
--- a/browser/components/TodolistPercentage.js
+++ b/browser/components/TodolistPercentage.js
@@ -14,8 +14,8 @@ const TodoListPercentage = ({
   percentageOfTodo
 }) => (
   <div styleName='percentageBar' style={{display: isNaN(percentageOfTodo) ? 'none' : ''}}>
-    <div styleName='progressBar' style={{width: percentageOfTodo + '%'}}>
-      <p styleName='percentageText'>{percentageOfTodo + '%'}</p>
+    <div styleName='progressBar' style={{width:`${percentageOfTodo}%`}}>
+      <p styleName='percentageText'>{percentageOfTodo}%</p>
     </div>
   </div>
 )