<commit_before>import React from 'react';
import styled from 'styled-components';

const Wrapper = styled.div`
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);

  @media (min-width: 769px) {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 3s ease-out 0.1s;
    -moz-transition: all 3s ease-out 0.1s;
    -o-transition: all 3s ease-out 0.1s;
    transition: all 3s ease-out 0.1s;
  }
`;

const propTypes = {
  children: React.PropTypes.node,
};

export class OpaqueLayer extends React.Component {

  constructor(props) {
    super(props);
    this.children = props.children;
    this.state = {
      hasFadedIn: false
    }
  }

  componentDidMount() {
    setInterval(
      () => this.fadeIn(),
      1000
    );
  }

  fadeIn() {
    if (!this.state.hasFadedIn) {
      this.node.style.setProperty('background-color', 'rgba(0, 0, 0, 0.4)');<commit_msg>quickfollow<commit_after>import React from 'react';
import styled from 'styled-components';

const Wrapper = styled.div`
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);

  @media (min-width: 769px) {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 3s ease-out 0.1s;
    -moz-transition: all 3s ease-out 0.1s;
    -o-transition: all 3s ease-out 0.1s;
    transition: all 3s ease-out 0.1s;
  }
`;

const propTypes = {
  children: React.PropTypes.node,
};

export class OpaqueLayer extends React.Component {

  constructor(props) {
    super(props);
    this.children = props.children;
    this.state = {
      hasFadedIn: false,
    };
  }

  componentDidMount() {
    setInterval(
      () => this.fadeIn(),
      1000
    );
  }

  fadeIn() {
    if (!this.state.hasFadedIn) {
      this.node.style.setProperty('background-color', 'rgba(0, 0, 0, 0.4)');
{'fraction_non_alphanumeric': 0.15256124721603564, 'fraction_numerical': 0.044543429844097995, 'mean_word_length': 2.8645161290322583, 'pattern_counts': {'":': 0, '<': 3, '<?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': '924618', 'n_tokens_mistral': 735, 'n_tokens_neox': 658, 'n_words': 151}