Feat/120 (#164)

* feat/120: calculate delay to single event
* feat/120 Countdown
* feat/120 prevent parsing NaN
* feat/120: version bump
* feat/120: update README.md
* feat/120: show delayed countdown timer

client/src/common/components/countdown/TimerDisplay.jsx

@@ -2,9 +2,9 @@ import React, { memo } from 'react';
 import { formatDisplay } from 'common/utils/dateConfig';
 import PropTypes from 'prop-types';
 
-import styles from './Countdown.module.scss';
+import styles from './TimerDisplay.module.scss';
 
-const Countdown = ({ time, small, isNegative, hideZeroHours }) => {
+const TimerDisplay = ({ time, small, isNegative, hideZeroHours }) => {
   // prepare display string
   const display =
     time != null && !isNaN(time) ? formatDisplay(time, hideZeroHours) : '-- : -- : --';
@@ -19,9 +19,9 @@ const Countdown = ({ time, small, isNegative, hideZeroHours }) => {
   );
 };
 
-export default memo(Countdown);
+export default memo(TimerDisplay);
 
-Countdown.propTypes = {
+TimerDisplay.propTypes = {
   time: PropTypes.number,
   small: PropTypes.bool,
   isNegative: PropTypes.bool,

client/src/common/components/nav/navigatorConstants.js

@@ -6,6 +6,7 @@ const navigatorConstants = [
   { url: '/lower', label: 'Lower Thirds' },
   { url: '/pip', label: 'PiP' },
   { url: '/studio', label: 'Studio Clock' },
+  { url: '/countdown', label: 'Countdown' },
 ];
 
 export default navigatorConstants;