Merge pull request #856 from poanetwork/stop-countdown-timer-after-fi…

…nalize-#850 (Fix) Stop countdown timer after finalize
poanetwork · May 8, 2018 · 559d364 · 559d364
2 parents 3dd13a0 + 73d1175
commit 559d364
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/src/components/invest/CountdownTimer.js b/src/components/invest/CountdownTimer.js
@@ -47,6 +47,7 @@ const CountdownTimer = ({
 
   if (isFinalized) {
     message = 'crowdsale has been finalized'
+    msToNextTick = 0
   } else {
     if (nextTick.type) {
       if (nextTick.type === 'start') {

diff --git a/src/components/invest/CountdownTimer.spec.js b/src/components/invest/CountdownTimer.spec.js
@@ -100,4 +100,23 @@ describe('CountdownTimer', () => {
 
     expect(wrapper).toMatchSnapshot()
   })
+
+  it(`Should stop countdown if crowdsale was finalized`, () => {
+    const wrapper = shallow(
+      <CountdownTimer
+        displaySeconds={false}
+        nextTick={{ type: 'start', order: 1 }}
+        tiersLength={2}
+        days={1}
+        hours={4}
+        minutes={45}
+        seconds={30}
+        msToNextTick={30445000}
+        onComplete={jest.fn()}
+        isFinalized={true}
+      />
+    )
+
+    expect(wrapper.find('ReactCountdownClock').props().seconds).toBe(0)
+  })
 })
diff --git a/src/components/invest/__snapshots__/CountdownTimer.spec.js.snap b/src/components/invest/__snapshots__/CountdownTimer.spec.js.snap
@@ -369,7 +369,7 @@ exports[`CountdownTimer Should render the component when the crowdsale was final
       fontSize="auto"
       onComplete={[Function]}
       paused={false}
-      seconds={30.445}
+      seconds={0}
       showMilliseconds={false}
       size={270}
       timeFormat="hms"