deploy to prod

package.json

@@ -31,7 +31,7 @@
 		"@testing-library/jest-dom": "^5.16.4",
 		"@testing-library/react": "^13.3.0",
 		"@testing-library/user-event": "^14.2.0",
-		"axios": "^0.27.2",
+		"axios": "^0.28.0",
 		"bootstrap": "^5.1.3",
 		"buffer": "^6.0.3",
 		"deep-object-diff": "^1.1.9",

src/components/bits/SubtitleEditorSideMenu/index.jsx

@@ -5,7 +5,7 @@ import closeIcon from 'assets/close_icon.svg'
 import plus from 'assets/plus-circle.svg'
 import Style, { Icon } from './styles.js'
 
-import { convertSecondsToMinute } from '../../common/timeConversion'
+import { convertSecondsToHMS } from '../../common/timeConversion'
 
 const SubtitleEditorSideMenu = props => {
 
@@ -120,7 +120,7 @@ const SubtitleEditorSideMenu = props => {
 										id={`sub-start${ind}`}
 										className='sub-start side-tab-input'
 										type='text'
-										value={`${sub.start === `` ? `` : convertSecondsToMinute(sub.start, videoLength)}`}
+										value={`${sub.start === `` ? `` : convertSecondsToHMS(sub.start, videoLength)}`}
 										onKeyUp={e => e.stopPropagation()}
 										onClick={ () => changeSubIndex(ind) }
 										onChange={e => editSub(`beg`, e.target.value, null, subLayer, ind, null, subs[subLayer].id)}
@@ -139,7 +139,7 @@ const SubtitleEditorSideMenu = props => {
 										id={`sub-end${ind}`}
 										className='sub-end'
 										type='text'
-										value={`${sub.end === `` ? `` : convertSecondsToMinute(sub.end, videoLength)}`}
+										value={`${sub.end === `` ? `` : convertSecondsToHMS(sub.end, videoLength)}`}
 										onKeyUp={e => e.stopPropagation()}
 										onClick={ () => changeSubIndex(ind) }
 										onChange={e => editSub(`end`, e.target.value, null, subLayer, ind, null, subs[subLayer].id)}

src/components/bits/Tooltips/index.jsx

@@ -43,10 +43,12 @@ export const ToolTip = (props) => {
 
 	const {
 		tip,
+		secValue,
 	} = props
 
 	const [name, setName] = useState(``)
 	const [position, setPosition] = useState(null)
+	const [timeValue, setTimeValue] = useState()
 
 	useEffect(() => {
 		if(window.innerWidth < 600){
@@ -65,9 +67,10 @@ export const ToolTip = (props) => {
 			setName(tip.props.name)
 			if(tip.props.position)
 				setPosition(tip.props.position)
-
+			if(tip.props.secValue || tip.props.secValue === 0.0)
+				setTimeValue(Number(tip.props.secValue).toFixed(2))
 		}
-	}, [tip, name, position])
+	}, [tip, name, position, secValue])
 
 	const tips = {
 		"actions": `Actions`,
@@ -97,14 +100,20 @@ export const ToolTip = (props) => {
 		"translation-off": `Translations off`,
 		"transcript-seek": `Click to seek`,
 		"definitions-disabled": `Definitions are not supported for this language`,
+		"startclock":`set start time`,
+		"endclock":`set end time`,
+		"changetime":`change time`,
 		"clips-tab": `Clips`,
 		"captions-tab": `Captions`,
+		"import-disable": `Save changes to import`,
+		"export-disable": `Save changes to export`,
+		"only-sec":`only sec`,
 	}
 
-	// console.log("POSITION", position)
-
 	return(
-		<Style id='tip-box' position={position}><h3>{tips[`${name}`]}</h3></Style>
+		<Style id='tip-box' position={position}>
+			<h3>{tips[name] === `only sec` ? `${timeValue} secs` : `${tips[name]}`}</h3>
+		</Style>
 	)
 }