<commit_before>
import React, { Component } from 'react';
import { Text, View, Image, Animated, Easing } from 'react-native';

import Button from 'react-native-button'

import {
  Card,
  CardImage,
  CardTitle,
  CardContent,
  CardAction
} from 'react-native-card-view';

export default class StoreListItem extends Component {

    constructor(props) {
        super(props);
        this.state = {
            loading: 	false,
			bg: 		new Animated.Value(0),
			top:		new Animated.Value((Math.random() > 0.5 ? -1 : 1) * Math.random() * 100),
            fadeOut: 	new Animated.Value(0)
        }
    }

	componentDidMount() {
		this.animate()
	}

	animate() {
		Animated.sequence([
			Animated.delay(Math.random()*700),
			Animated.parallel([
				Animated.timing(
					this.state.fadeOut,
					{
						toValue: 	1,
						duration: 	700,
					}
				),
				Animated.timing(
					this.state.top,
					{
						toValue: 	0,
						duration: 	700,
						easing: 	Easing.out(Easing.cubic)
					}
				),
			])
		]).start( () => {
			//this.animate();
			//this.setState({loading: false})
		});
	}

	render = () => {
		const {shop, shopId, shopImg, navigate} = this.props;
		let loadingStyles = [styles.loadingScreen, {
			// backgroundColor: 'green',
			position: 'relative',
			top: this.state.top,
            opacity: this.state.fadeOut
        }];
		return (
			<Animated.View key="Fuego" style={loadingStyles}>
				<Button
					onPress={() =>
						navigate('Home', {
								title: 	shop.name,
								shopId: shopId
							})
					}
				>
					<Card>
						<Image
							style={{
								height: 	'100%',
								flex: 		1,
								position: 	'absolute',
								width: 		'100%',
							}}
							source={shopImg}
						/>
						<View
							style={styles.card}
						><commit_msg>[hot] animation start back<commit_after>
import React, { Component } from 'react';
import { Text, View, Image, Animated, Easing } from 'react-native';

import Button from 'react-native-button'

import {
  Card,
  CardImage,
  CardTitle,
  CardContent,
  CardAction
} from 'react-native-card-view';

export default class StoreListItem extends Component {

    constructor(props) {
        super(props);
        this.state = {
            loading: 	false,
			bg: 		new Animated.Value(0),
			top:		new Animated.Value((Math.random() > 0.5 ? -1 : 1) * Math.random() * 100),
            fadeOut: 	new Animated.Value(0)
        }
    }

	componentDidMount() {
		this.animate()
	}

	animate() {
		Animated.sequence([
			Animated.delay(Math.random()*700),
			Animated.parallel([
				Animated.timing(
					this.state.fadeOut,
					{
						toValue: 	1,
						duration: 	700,
					}
				),
				Animated.timing(
					this.state.top,
					{
						toValue: 	0,
						duration: 	700,
						easing: 	Easing.out(Easing.cubic)
					}
				),
			])
		]).start( () => {
			//this.animate();
			//this.setState({loading: false})
		});
	}

	render = () => {
		const {shop, shopId, shopImg, navigate} = this.props;
		let loadingStyles = [styles.loadingScreen, {
			position: 'relative',
			top: this.state.top,
            opacity: this.state.fadeOut
        }];
		return (
			<Animated.View key="Fuego" style={loadingStyles}>
				<Button
					onPress={() =>
						navigate('Home', {
								title: 	shop.name,
								shopId: shopId
							})
					}
				>
					<Card>
						<Image
							style={{
								height: 	'100%',
								flex: 		1,
								position: 	'absolute',
								width: 		'100%',
							}}
							source={shopImg}
						/>
						<View
							style={styles.card}
						>
{'fraction_non_alphanumeric': 0.14902624894157493, 'fraction_numerical': 0.015241320914479255, 'mean_word_length': 2.029059829059829, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4889652', 'n_tokens_mistral': 1676, 'n_tokens_neox': 1222, 'n_words': 237}