32 lines
1020 B
JavaScript
32 lines
1020 B
JavaScript
import React from "react";
|
|
import { useDashboardTeamsCardData } from "../../hooks/useDashboard_Data";
|
|
|
|
const Teams = () => {
|
|
const { teamsCardData } = useDashboardTeamsCardData();
|
|
|
|
return (
|
|
<div className="card p-3 h-100 text-center d-flex justify-content-between">
|
|
<div className="d-flex justify-content-start align-items-center mb-3">
|
|
<h5 className="fw-bold mb-0 ms-2">
|
|
<i className="bx bx-group text-warning"></i> Teams
|
|
</h5>
|
|
</div>
|
|
<div className="d-flex justify-content-around align-items-start mt-n2">
|
|
<div>
|
|
<h4 className="mb-0 fw-bold">
|
|
{teamsCardData.totalEmployees?.toLocaleString()}
|
|
</h4>
|
|
<small className="text-muted">Total Employees</small>
|
|
</div>
|
|
<div>
|
|
<h4 className="mb-0 fw-bold">
|
|
{teamsCardData.inToday?.toLocaleString()}
|
|
</h4>
|
|
<small className="text-muted">In Today</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Teams; |