Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | 5x 8x 8x 8x 8x 5x | import React from "react";
import OurTable from "main/components/OurTable";
import { Link } from "react-router-dom";
export default function DiningCommonsTable({ diningcommons }) {
const columns = [
{
Header: "Name",
accessor: "name",
Cell: ({ value, row }) => (
<Link to={`/diningcommons/${row.original.code}`}>{value}</Link>
),
},
{
Header: "Code",
accessor: "code",
},
{
Header: "Has DiningCam",
accessor: "hasDiningCam",
Cell: ({ value }) => (value ? "Yes" : "No"),
},
{
Header: "Has Sack Meal",
accessor: "hasSackMeal",
Cell: ({ value }) => (value ? "Yes" : "No"),
},
{
Header: "Has Takeout Meal",
accessor: "hasTakeoutMeal",
Cell: ({ value }) => (value ? "Yes" : "No"),
},
];
return (
<div>
{diningcommons.length === 0 ? (
<div data-testid="DiningCommonsTable-empty-message">
No data available
</div>
) : (
<OurTable
data={diningcommons}
columns={columns}
testid={"DiningCommonsTable"}
/>
)}
</div>
);
}
|