38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
import { useDeliveries } from '../hooks/useDeliveries';
|
||
import { Link } from 'react-router-dom';
|
||
|
||
const DeliveryStats = () => {
|
||
const { getStats } = useDeliveries();
|
||
const stats = getStats();
|
||
|
||
return (
|
||
<div className="stats-container">
|
||
<h2>Статистика доставок</h2>
|
||
<div className="stats-grid">
|
||
<div className="stat-card">
|
||
<h3>Всего</h3>
|
||
<p>{stats.total}</p>
|
||
</div>
|
||
<div className="stat-card">
|
||
<h3>Принято</h3>
|
||
<p>{stats['Принято'] || 0}</p>
|
||
</div>
|
||
<div className="stat-card">
|
||
<h3>В пути</h3>
|
||
<p>{stats['В пути'] || 0}</p>
|
||
</div>
|
||
<div className="stat-card">
|
||
<h3>Доставлено</h3>
|
||
<p>{stats['Доставлено'] || 0}</p>
|
||
</div>
|
||
<div className="stat-card">
|
||
<h3>Отменено</h3>
|
||
<p>{stats['Отменено'] || 0}</p>
|
||
</div>
|
||
</div>
|
||
<Link to="/" className="back-link">← Назад к списку</Link>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default DeliveryStats; |