<commit_before>import * as React from 'react';
import ReactStars from 'react-stars';
import styled,  {keyframes}   from 'styled-components';

interface SubmitAnimationProps {
  resetAnimation: any;
}

const coolBoxKeyframes = keyframes`
  0% {
    opacity: 0;
    top:25%;
    right: 13%



  }

  100%{
      opacity:1;
      top:0;
      right:1%;


  }

`
export const AnimationContainer = styled.div`
width:40px;
padding-left:10px;
`
export const Animation = styled.div`


display: inline-block;
position:absolute;
background: transparent;
width: 30px;

animation-name: ${coolBoxKeyframes};
animation-duration: 2.5s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: forwards;
animation-play-state: running;

`
class SubmitAnimation extends React.Component<SubmitAnimationProps> {
  componentDidMount() {


//     transform: translate(350px, -350px) rotate(360deg);
// -webkit-transform: translate(350px, -350px) rotate(360deg);
// -o-transform: translate(350px, -350px) rotate(360deg);
// -moz-transform: translate(350px, -350px) rotate(360deg);
  }

  render() {
    this.props.resetAnimation();
    const color = '#A97142';
    return (
      <Animation>
          <ReactStars
            count={1}
            color1={color}
            color2={color}
            half={false}
            size={25}
          />
      </Animation>
    );
  }
}

export default SubmitAnimation;<commit_msg>some cleanup<commit_after>import * as React from 'react';
import ReactStars from 'react-stars';
import styled, { keyframes } from 'styled-components';

interface SubmitAnimationProps {
  resetAnimation: any;
}

const coolBoxKeyframes = keyframes`
  0% {
    opacity: 0;
    top:25%;
    right: 13%
  }
  100%{
      opacity:1;
      top:0;
      right:1%;
  }

`
export const AnimationContainer = styled.div`
width:40px;
padding-left:10px;
`
export const Animation = styled.div`


display: inline-block;
position:absolute;
background: transparent;
width: 30px;

animation-name: ${coolBoxKeyframes};
animation-duration: 2.5s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: forwards;
animation-play-state: running;

`
class SubmitAnimation extends React.Component<SubmitAnimationProps> {

  render() {
    this.props.resetAnimation();
    const color = '#A97142';
    return (
      <Animation>
        <ReactStars
          count={1}
          color1={color}
          color2={color}
          half={false}
          size={25}
        />
      </Animation>
    );
  }
}

export default SubmitAnimation;
{'fraction_non_alphanumeric': 0.12743628185907047, 'fraction_numerical': 0.037481259370314844, 'mean_word_length': 3.25, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, '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': '4738479', 'n_tokens_mistral': 925, 'n_tokens_neox': 841, 'n_words': 187}