Move left pane entirely to React

ts/components/conversation/ExpireTimer.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 
-import { padStart } from 'lodash';
+import { getIncrement, getTimerBucket } from '../../util/timer';
 
 interface Props {
   withImageNoCaption: boolean;
@@ -62,25 +62,3 @@ export class ExpireTimer extends React.Component<Props> {
     );
   }
 }
-
-export function getIncrement(length: number): number {
-  if (length < 0) {
-    return 1000;
-  }
-
-  return Math.ceil(length / 12);
-}
-
-function getTimerBucket(expiration: number, length: number): string {
-  const delta = expiration - Date.now();
-  if (delta < 0) {
-    return '00';
-  }
-  if (delta > length) {
-    return '60';
-  }
-
-  const bucket = Math.round(delta / length * 12);
-
-  return padStart(String(bucket * 5), 2, '0');
-}