EcrituresNumeriques / stylo / 12925854411

import React from 'react'

import { shallowEqual, useSelector } from 'react-redux'

import styles from './articleStats.module.scss'

export default function ArticleStats() {

  const articleStats = useSelector((state) => state.articleStats, shallowEqual)

  return (

    <ul className={styles.stats}>

      <li>Words : {articleStats.wordCount}</li>

      <li>

        Characters : {articleStats.charCountNoSpace} (with spaces:{' '}

        {articleStats.charCountPlusSpace})

      </li>

      <li>Citations : {articleStats.citationNb}</li>

    </ul>

}