pretty
This commit is contained in:
committed by
Clément Le Bihan
parent
88cb7b2b65
commit
0bd12bbf34
@@ -2,7 +2,12 @@ import * as React from 'react';
|
||||
import { Platform, View } from 'react-native';
|
||||
import API from '../../API';
|
||||
import { useQuery } from '../../Queries';
|
||||
import Animated, { useSharedValue, withTiming, Easing, useAnimatedStyle } from 'react-native-reanimated';
|
||||
import Animated, {
|
||||
useSharedValue,
|
||||
withTiming,
|
||||
Easing,
|
||||
useAnimatedStyle,
|
||||
} from 'react-native-reanimated';
|
||||
import { CursorInfoItem } from '../../models/SongCursorInfos';
|
||||
import { Audio } from 'expo-av';
|
||||
import { SvgContainer } from './SvgContainer';
|
||||
@@ -214,7 +219,7 @@ const PartitionMagic = ({
|
||||
|
||||
const animatedStyle = useAnimatedStyle(() => ({
|
||||
left: `${partitionOffset.value * 100}%`,
|
||||
}))
|
||||
}));
|
||||
return (
|
||||
<View
|
||||
style={{
|
||||
@@ -248,14 +253,17 @@ const PartitionMagic = ({
|
||||
}}
|
||||
>
|
||||
<Animated.View
|
||||
style={[animatedStyle, {
|
||||
position: 'absolute',
|
||||
height: '100%',
|
||||
aspectRatio: partitionDims[0] / partitionDims[1],
|
||||
display: 'flex',
|
||||
alignItems: 'stretch',
|
||||
justifyContent: 'flex-start',
|
||||
}]}
|
||||
style={[
|
||||
animatedStyle,
|
||||
{
|
||||
position: 'absolute',
|
||||
height: '100%',
|
||||
aspectRatio: partitionDims[0] / partitionDims[1],
|
||||
display: 'flex',
|
||||
alignItems: 'stretch',
|
||||
justifyContent: 'flex-start',
|
||||
},
|
||||
]}
|
||||
>
|
||||
<SvgContainer
|
||||
url={getSVGURL(songID)}
|
||||
|
||||
@@ -72,7 +72,7 @@ const PlayView = ({ songId }: PlayViewProps) => {
|
||||
const [endResult, setEndResult] = useState<unknown>();
|
||||
const [shouldPlay, setShouldPlay] = useState(false);
|
||||
const songHistory = useQuery(API.getSongHistory(songId));
|
||||
const endCalled = useRef(false)
|
||||
const endCalled = useRef(false);
|
||||
const [score, setScore] = useState(0); // Between 0 and 100
|
||||
const getElapsedTime = () => stopwatch.getElapsedRunningTime() - 3000;
|
||||
const [readyToPlay, setReadyToPlay] = useState(false);
|
||||
@@ -114,8 +114,7 @@ const PlayView = ({ songId }: PlayViewProps) => {
|
||||
};
|
||||
|
||||
const onEnd = () => {
|
||||
if (endCalled.current == true)
|
||||
return;
|
||||
if (endCalled.current == true) return;
|
||||
endCalled.current = true;
|
||||
stopwatch.stop();
|
||||
if (webSocket.current?.readyState != WebSocket.OPEN) {
|
||||
|
||||
Reference in New Issue
Block a user