<commit_before>import React, {Component, PropTypes} from 'react';
import {View, Animated} from "react-native";
import LinearGradient from 'react-native-linear-gradient';

const Fillbar = Animated.createAnimatedComponent(View);

class ProgressBar extends Component {
	constructor(props) {
		super(props);

		this.state = {
			animatedFilling: new Animated.Value(0),
		};
	}

	componentDidMount() {
		Animated.spring(this.state.animatedFilling, {
			toValue: this.props.completePercentage,
			speed: 5,
			bounciness: 30,
		}).start();
	}

	componentWillReceiveProps() {
		Animated.spring(this.state.animatedFilling, {
			toValue: this.props.completePercentage,
			speed: 5,
			bounciness: 30,
		}).start();
	}

	render() {

		// ProgressBar
		const widthProgressBar = 6;

		// Indicator
		const widthIndicator = 20;
		const heightIndicator = 5;
		const colorIndicator = '#F9F9F9';

		return (
			<View style={{
				flex: 100,
				justifyContent: 'center',
				alignItems: 'center',
				backgroundColor: '#233445'
			}}>
				<LinearGradient
					colors={this.props.colors}
					style={{
						flex: 100,
						justifyContent: 'center',
						alignItems: 'center',
						width: widthProgressBar,
						borderRadius: 10,<commit_msg>Remove unnecessary style<commit_after>import React, {Component, PropTypes} from 'react';
import {View, Animated} from "react-native";
import LinearGradient from 'react-native-linear-gradient';

const Fillbar = Animated.createAnimatedComponent(View);

class ProgressBar extends Component {
	constructor(props) {
		super(props);

		this.state = {
			animatedFilling: new Animated.Value(0),
		};
	}

	componentDidMount() {
		Animated.spring(this.state.animatedFilling, {
			toValue: this.props.completePercentage,
			speed: 5,
			bounciness: 30,
		}).start();
	}

	componentWillReceiveProps() {
		Animated.spring(this.state.animatedFilling, {
			toValue: this.props.completePercentage,
			speed: 5,
			bounciness: 30,
		}).start();
	}

	render() {

		// ProgressBar
		const widthProgressBar = 6;

		// Indicator
		const widthIndicator = 20;
		const heightIndicator = 5;
		const colorIndicator = '#F9F9F9';

		return (
			<View style={{
				flex: 100,
				alignItems: 'center',
				backgroundColor: '#233445'
			}}>
				<LinearGradient
					colors={this.props.colors}
					style={{
						flex: 100,
						alignItems: 'center',
						width: widthProgressBar,
						borderRadius: 10,
{'fraction_non_alphanumeric': 0.12723492723492724, 'fraction_numerical': 0.023284823284823286, 'mean_word_length': 3.690058479532164, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 5, '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': '4656652', 'n_tokens_mistral': 987, 'n_tokens_neox': 780, 'n_words': 167}