<commit_before>import React from 'react'
import ContentLoader from 'react-content-loader'
import {getRandomInt} from '../utils'

const ActivityIndicatorItem = ({widths}) => (
  <ContentLoader backgroundOpacity={0.25} foregroundOpacity={0.15} viewBox="0 0 640 108">
    <rect x="0" y="0" width="108" height="108" />
    <rect x="124" y="12" width={widths[0]} height="24" />
    <rect x="124" y="48" width={widths[1]} height="12" />
    <rect x="124" y="68" width={widths[2]} height="12" />
    <rect x="124" y="88" width={widths[3]} height="12" />
  </ContentLoader>
);

const ActivityIndicator = () => {
  const output = [];
  const len = getRandomInt(12, 7);

  for (let i = 0; i < len; i++) {
    const widths = [
      getRandomInt(420, 360),
      getRandomInt(420, 360),
      getRandomInt(420, 360),
      getRandomInt(420, 360),
    ]

    output.push(
      <div className='post-loading' key={`loading-${i}}`}>
        <ActivityIndicatorItem widths={widths}/>
      </div>
    )
  }<commit_msg>Update loader opacity<commit_after>import React from 'react'
import ContentLoader from 'react-content-loader'
import {getRandomInt} from '../utils'

const ActivityIndicatorItem = ({widths}) => (
  <ContentLoader backgroundOpacity={0.13} foregroundOpacity={0.25} viewBox="0 0 640 108">
    <rect x="0" y="0" width="108" height="108" />
    <rect x="124" y="12" width={widths[0]} height="24" />
    <rect x="124" y="48" width={widths[1]} height="12" />
    <rect x="124" y="68" width={widths[2]} height="12" />
    <rect x="124" y="88" width={widths[3]} height="12" />
  </ContentLoader>
);

const ActivityIndicator = () => {
  const output = [];
  const len = getRandomInt(12, 7);

  for (let i = 0; i < len; i++) {
    const widths = [
      getRandomInt(420, 360),
      getRandomInt(420, 360),
      getRandomInt(420, 360),
      getRandomInt(420, 360),
    ]

    output.push(
      <div className='post-loading' key={`loading-${i}}`}>
        <ActivityIndicatorItem widths={widths}/>
      </div>
    )
  }
{'fraction_non_alphanumeric': 0.19582504970178927, 'fraction_numerical': 0.08151093439363817, 'mean_word_length': 3.606407322654462, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 27, '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': '5276969', 'n_tokens_mistral': 809, 'n_tokens_neox': 699, 'n_words': 162}