billp / psometer

Production Support Countdown Timer

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Create the countdown component

billp opened this issue · comments

Create the countdown component as shown bellow:
Screenshot 2020-11-06 at 11 57 29 AM

Requirements

Given the start and end unix timestamps (epoch), the component should countdown to 0, by updating the component every 1 second.

The component should be able to display the text with appropriate time unit after each component:

  • ημέρ(α/ες)
  • ώρ(α/ες)
  • λεπτ(ό/ά)
  • δευτερόλεπτ(ο/α)

if any of the above has 0 value, its unit and value should be omitted.

Styling

  • font-color: #EDEDED
  • font: Manrope

Props

  • start: Unix timestamp (epoch)
  • end: Unix timestamp (epoch)

Example

  • start: 1604657038
  • end: 1604757187

the component should display 'Ελευθέρωση σε 1 ημέρα, 3 ώρες, 49 λεπτά, 9 δευτερόλεπτα' and countdown from there.