You're Invited: Meet the Socket team at BSidesSF and RSAC - April 27 - May 1.RSVP
Socket
Sign inDemoInstall
Socket

reactjs-countdown

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

reactjs-countdown - npm Package Compare versions

Comparing version

to
0.0.3

2

package.json
{
"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>