feature(ui) - assist ui changes

frontend/app/components/Assist/components/VideoContainer/VideoContainer.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from 'react'
-import { Button, Icon, IconButton } from 'UI'
+import { Button, Icon } from 'UI'
 import cn from 'classnames'
 import stl from './VideoContainer.css'
 
@@ -16,13 +16,6 @@ function VideoContainer({ stream, muted = false }: Props) {
   useEffect(() => {
     if (ref.current) {
       ref.current.srcObject = stream;
-      
-      stream?.getAudioTracks().forEach(track => {
-        console.log(track)
-        track.addEventListener('unmute', function(e) {
-          console.log(e)
-        })
-      });
     }
   }, [ ref.current, stream ])
 
@@ -40,8 +33,6 @@ function VideoContainer({ stream, muted = false }: Props) {
     setVideoEnabled(vEn)
   }
 
-  // console.log(stream && stream.getAudioTracks())
-
   return (
     <div className="relative bg-gray-light-shade" style={{ height: '152px' }}>
       <div className="absolute inset-0 flex justify-center border border-gray-300 bg-white radius bg-opacity-25">

frontend/app/components/Session_/Player/Controls/Controls.js

@@ -253,7 +253,7 @@ export default class Controls extends React.Component {
     const inspectorMode = bottomBlock === INSPECTOR;
 
     return (
-      <div className={ styles.controls }>
+      <div className={ cn(styles.controls, {'px-5' : live}) }>
         <Timeline jump={ this.props.jump } />
         { !fullscreen &&
           <div className={ styles.buttons } data-is-live={ live }>
@@ -276,13 +276,7 @@ export default class Controls extends React.Component {
               </div>
               :
               <div className={ styles.buttonsLeft }>
-                <LiveTag onClick={ this.goLive } isLive={livePlay} />
-                {/* <button onClick={ this.goLive } className={ styles.liveTag } data-is-live={ livePlay }>
-                  <Icon name="circle" size="8" marginRight="5" color="white" />
-                  <div>{'Live'}</div>
-                </button> */}
-                {'Elapsed'}
-                <ReduxTime name="time" />
+                <LiveTag isLive={livePlay} />
               </div>
             }
             <div className={ styles.butonsRight }>

frontend/app/components/shared/SessionItem/Counter.tsx

@@ -9,7 +9,7 @@ interface Props {
 function Counter({ startTime }: Props) {
   return (
     <div className="mx-2">
-      {startTime && Duration.fromMillis(startTime).toFormat('h:m:ss')}
+      {startTime && Duration.fromMillis(startTime).toFormat('m:ss')}
     </div>
   )
 }