burger-online

1
import {useSelector} from 'react-redux'
2
import {feedOrderStore} from '../../redux/feed-orders/reducer'
3
import OrderNumberList from '../order-number-list/order-number-list'
4
import styles from './order-statistics.module.css'
5

6
const OrderStatistics = () => {
7
  const {statistics} = useSelector(feedOrderStore)
8

9
  return (
10
    <section className={styles.orderDietails}>
11
      <div className={styles.status}>
12
        <OrderNumberList status='done' title='Готово' />
13
        <OrderNumberList status='pending' title='В работе' />
14
      </div>
15
      <div>
16
        <h3 className='text text_type_main-medium'>Выполнено за все время:</h3>
17
        <span className={`${styles.timeProgress} text_type_digits-large`}>{statistics.total}</span>
18
      </div>
19
      <div>
20
        <h3 className='text text_type_main-medium'>Выполнено за сегодня:</h3>
21
        <span className={`${styles.timeProgress} text_type_digits-large`}>{statistics.totalToday}</span>
22
      </div>
23
    </section>
24
  )
25
}
26

27
export default OrderStatistics
28