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 | 14x 14x 14x 12x 12x 12x 14x 4x 4x 14x | import React from "react";
import OurTable, { ButtonColumn } from "main/components/OurTable";
 
export default function ReviewTable({
  reviews,
  userOptions = false,
  moderatorOptions = false,
  onEdit,
  onDelete,
  onApprove,
  onReject,
}) {
  const testid = "ReviewTable";
 
  const columns = [
    {
      Header: "Score",
      accessor: "score",
    },
    {
      Header: "Comments",
      accessor: "comments",
    },
    {
      Header: "Date Served",
      accessor: "dateServed",
    },
  ];
 
  if (userOptions) {
    columns.push({
      Header: "Item Name",
      accessor: "itemName",
    });
    columns.push(ButtonColumn("Edit", "primary", onEdit, testid));
    columns.push(ButtonColumn("Delete", "danger", onDelete, testid));
  }
 
  if (moderatorOptions) {
    columns.push(ButtonColumn("Approve", "success", onApprove, testid));
    columns.push(ButtonColumn("Reject", "danger", onReject, testid));
  }
 
  return <OurTable columns={columns} data={reviews} testid={testid} />;
}
  |