RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 18:44:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

use seekToTimeLabel utils

Browse Source
This commit is contained in:
SrGooglo 2023-07-05 19:02:28 +00:00
parent c225658d15
commit c275242f1e
1 changed files with 4 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/app/src/components/Player/SeekBar/index.jsx
View File

@ -2,6 +2,7 @@ import React from "react"
import * as antd from "antd"
import Slider from "@mui/material/Slider"
import classnames from "classnames"
import seekToTimeLabel from "utils/seekToTimeLabel"
import "./index.less"
@ -39,7 +40,7 @@ export default class SeekBar extends React.Component {
// set duration
this.setState({
durationText: this.seekToTimeLabel(audioDuration)
durationText: seekToTimeLabel(audioDuration)
})
}
@ -49,26 +50,10 @@ export default class SeekBar extends React.Component {
// set time
this.setState({
timeText: this.seekToTimeLabel(seek)
timeText: seekToTimeLabel(seek)
})
}
seekToTimeLabel = (value) => {
// convert seek to minutes and seconds
const minutes = Math.floor(value / 60)
// add leading zero if minutes is less than 10
const minutesString = minutes < 10 ? `0${minutes}` : minutes
// get seconds
const seconds = Math.floor(value - minutes * 60)
// add leading zero if seconds is less than 10
const secondsString = seconds < 10 ? `0${seconds}` : seconds
return `${minutesString}:${secondsString}`
}
updateProgressBar = () => {
if (this.state.sliderLock) {
return
@ -209,7 +194,7 @@ export default class SeekBar extends React.Component {
}}
valueLabelDisplay="auto"
valueLabelFormat={(value) => {
return this.seekToTimeLabel((value / 100) * app.cores.player.duration())
return seekToTimeLabel((value / 100) * app.cores.player.duration())
}}
/>
</div>