<commit_before>import React from 'react'
import PropTypes from 'prop-types'
import {Typography} from 'tocco-ui'

const Dashboard = props => {
  return (
    <div>
      <Typography.H1>Home / Dashboard</Typography.H1>
      <Typography.Span>{JSON.stringify(props.match)}</Typography.Span>
    </div>
  )
}

Dashboard.propTypes = {
  match: PropTypes.object
}

export default Dashboard
<commit_msg>refactor(admin): show version in dashboard<commit_after>import React from 'react'
import PropTypes from 'prop-types'
import {Typography, Icon} from 'tocco-ui'
import styled from 'styled-components'

const StyledDashBoard = styled.div`
  display: flex;
  justify-content: center;
  
  div { 
      padding:  15px;
  }
`

const Dashboard = props => {
  const packageJson = require('../../../../../package')
  return <StyledDashBoard>
    <div><Icon style={{fontSize: '80px'}} icon="tocco"/></div>
    <Typography.H1>Welcome to beta v{packageJson.version}</Typography.H1>
  </StyledDashBoard>
}

Dashboard.propTypes = {
  match: PropTypes.object
}

export default Dashboard

{'fraction_non_alphanumeric': 0.14058106841611998, 'fraction_numerical': 0.007497656982193065, 'mean_word_length': 3.9674418604651165, 'pattern_counts': {'":': 0, '<': 16, '<?xml version=': 0, '>': 18, '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': '2371098', 'n_tokens_mistral': 362, 'n_tokens_neox': 358, 'n_words': 81}