Plan/Plan/react/dashboard/src/components/cards/server/tables/AllowlistBounceTableCard.jsx

22 lines
843 B
JavaScript

import React from "react";
import {FontAwesomeIcon as Fa} from "@fortawesome/react-fontawesome";
import {faFilterCircleXmark} from "@fortawesome/free-solid-svg-icons";
import {Card} from "react-bootstrap";
import AllowlistBounceTable from "../../../table/AllowlistBounceTable.jsx";
import {useTranslation} from "react-i18next";
const AllowlistBounceTableCard = ({bounces, lastSeen}) => {
const {t} = useTranslation();
return (
<Card id={'allowlist-table'}>
<Card.Header>
<h6 className="col-black">
<Fa icon={faFilterCircleXmark} className="col-orange"/> {t('html.label.allowlistBounces')}
</h6>
</Card.Header>
<AllowlistBounceTable bounces={bounces} lastSeen={lastSeen}/>
</Card>
)
};
export default AllowlistBounceTableCard;