reactjs-countdown
Advanced tools
Comparing version
{ | ||
"name": "reactjs-countdown", | ||
"version": "0.0.2", | ||
"version": "0.0.3", | ||
"description": "A simple countdown timer component for React.js", | ||
@@ -5,0 +5,0 @@ "main": "src/index.js", |
@@ -130,2 +130,10 @@ import React from 'react'; | ||
setDayString() { | ||
return this.days() > 1 ? 'days' : 'day'; | ||
} | ||
setHourString() { | ||
return this.hours() > 1 ? 'hours' : 'hour'; | ||
} | ||
// update show days | ||
@@ -136,4 +144,4 @@ showDays() { | ||
<li> | ||
<p className="digit">{ this.days() | this.twoDigits(this.days()) }</p> | ||
<p className="text">{ this.days() > 1 ? 'days' : 'day' }</p> | ||
<p className="digit">{ this.twoDigits(this.days()) }</p> | ||
<p className="text">{ this.setDayString() }</p> | ||
</li> | ||
@@ -150,11 +158,11 @@ ); | ||
<li> | ||
<p className="digit">{ this.hours() | this.twoDigits(this.hours()) }</p> | ||
<p className="text">{ this.hours() > 1 ? 'hours' : 'hour' }</p> | ||
<p className="digit">{ this.twoDigits(this.hours()) }</p> | ||
<p className="text">{ this.setHourString() }</p> | ||
</li> | ||
<li> | ||
<p className="digit">{ this.minutes() | this.twoDigits(this.minutes()) }</p> | ||
<p className="digit">{ this.twoDigits(this.minutes()) }</p> | ||
<p className="text">min</p> | ||
</li> | ||
<li> | ||
<p className="digit">{ this.seconds() | this.twoDigits(this.seconds()) }</p> | ||
<p className="digit">{ this.twoDigits(this.seconds()) }</p> | ||
<p className="text">Sec</p> | ||
@@ -161,0 +169,0 @@ </li> |
10571
0.17%193
3.21%6
-14.29%