25 lines
892 B
JavaScript
25 lines
892 B
JavaScript
import {useTranslation} from "react-i18next";
|
|
import {Card} from "react-bootstrap";
|
|
import {FontAwesomeIcon as Fa} from "@fortawesome/react-fontawesome";
|
|
import {faBookOpen} from "@fortawesome/free-solid-svg-icons";
|
|
import React from "react";
|
|
import OnlineActivityAsNumbersTable from "../../../table/OnlineActivityAsNumbersTable";
|
|
import {CardLoader} from "../../../navigation/Loader";
|
|
|
|
const OnlineActivityAsNumbersCard = ({data}) => {
|
|
const {t} = useTranslation();
|
|
if (!data) return <CardLoader/>;
|
|
|
|
return (
|
|
<Card>
|
|
<Card.Header>
|
|
<h6 className="col-black">
|
|
<Fa icon={faBookOpen} className="col-light-blue"/> {t('html.label.onlineActivityAsNumbers')}
|
|
</h6>
|
|
</Card.Header>
|
|
<OnlineActivityAsNumbersTable data={data}/>
|
|
</Card>
|
|
)
|
|
}
|
|
|
|
export default OnlineActivityAsNumbersCard; |