<commit_before>import React, {Component} from 'react'

export class LastUpdated extends Component {

  render () {
    return (
      <span style={{padding: '1em'}}>Last Updated: {new Date().toString()}</span>
    )
  }
}<commit_msg>styling for last updated value<commit_after>import React, {Component} from 'react'
import * as moment from 'moment'
import * as colors from 'material-ui/lib/styles/colors'

export class LastUpdated extends Component {

  render () {
    const now = moment.default()
    const formattedNow = now.format('MMM Do h:mm:ss a')
    return (
      <div style={{flex: 1, width: '100%', fontSize: '1.5vw', position: 'absolute', bottom: 0, padding: '1em 0', textAlign: 'center'}}>
        <span style={{color: colors.pink200}}>Last Updated:</span> {formattedNow}
      </div>
    )
  }
}
{'fraction_non_alphanumeric': 0.15432098765432098, 'fraction_numerical': 0.016049382716049384, 'mean_word_length': 3.8855421686746987, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '5858839', 'n_tokens_mistral': 265, 'n_tokens_neox': 256, 'n_words': 75}