verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

clamp

This commit is contained in:
Diego Mello 2023-10-26 13:52:09 -03:00
parent 2b741e2d47
commit 92942bc07e
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/containers/AudioPlayer/Seek.tsx
View File

@ -26,6 +26,13 @@ interface ISeek {
onChangeTime: (time: number) => Promise<void>; onChangeTime: (time: number) => Promise<void>;
} }
// Could use from react-native-redash. We have it as dev dep already.
function clamp(value: number, min: number, max: number) {
'worklet';
return Math.min(Math.max(value, min), max);
}
const Seek = ({ currentTime, duration, loaded = false, onChangeTime }: ISeek) => { const Seek = ({ currentTime, duration, loaded = false, onChangeTime }: ISeek) => {
const { colors } = useTheme(); const { colors } = useTheme();
@ -54,14 +61,7 @@ const Seek = ({ currentTime, duration, loaded = false, onChangeTime }: ISeek) =>
ctx.startX = timePosition.value; ctx.startX = timePosition.value;
}, },
onActive: (event, ctx: any) => { onActive: (event, ctx: any) => {
const moveInX: number = ctx.startX + event.translationX; timePosition.value = clamp(ctx.startX + event.translationX, 0, maxWidth.value);
if (moveInX < 0) {
timePosition.value = 0;
} else if (moveInX > maxWidth.value) {
timePosition.value = maxWidth.value;
} else {
timePosition.value = moveInX;
}
isTimeChanged.value = true; isTimeChanged.value = true;
scale.value = 1.3; scale.value = 1.3;
currentTime.value = (timePosition.value * duration.value) / maxWidth.value || 0; currentTime.value = (timePosition.value * duration.value) / maxWidth.value || 0;