adjusting timing, pause at end of section

1 files changed, 3 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
index 2ca8dff..7bc0219 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { connect } from 'react-redux'
 
 import actions from 'app/actions'
-import { timestamp } from 'app/utils'
+import { clamp, timestamp } from 'app/utils'
 
 // arrows
 
@@ -75,10 +75,10 @@ export const PlayButton = ({ playing }) => {
 
 export const PlayerTime = ({ play_ts, duration }) => (
   <span className='playerTime'>
-    {timestamp(play_ts)}
+    {timestamp(clamp(play_ts, 0, duration))}
     <span className='playerDuration'>
     {' / '}
-    {timestamp(duration)}
+    {timestamp(clamp(duration, 0, duration))}
     </span>
   </span>
 )