33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
// Metro module 14065 (f14066).
|
|
import { useState } from "react";
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import { useToken } from "../../../../design/tokens/native/useToken";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { BountiesScrollIndicatorRive } from "../../../../_bundle/Module3901";
|
|
const useStyles = createStyles(() => ({
|
|
container: {
|
|
width: 80,
|
|
height: 80
|
|
}
|
|
}));
|
|
export default function BountiesScrollIndicatorAnimation(props) {
|
|
const { visible, isFadingInContent } = props;
|
|
const styles = useStyles();
|
|
const token = useToken(Module712.colors.TEXT_DEFAULT);
|
|
const [key, setState] = useState(0);
|
|
const [state, setState2] = useState(visible);
|
|
if (visible !== state) {
|
|
setState2(visible);
|
|
if (visible) {
|
|
setState((prevState) => prevState + 1);
|
|
}
|
|
}
|
|
return <View style={styles.container}>
|
|
<BountiesScrollIndicatorRive key={key} stateMachine="State Machine 1" fit="contain" dataBinding={{
|
|
color: token,
|
|
startAnimation: !isFadingInContent
|
|
}} />
|
|
</View>;
|
|
};
|