@zendesk/react-measure-timing-hooks
Version:
react hooks for measuring time to interactive and time to render of components
22 lines • 1.51 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TicketList = void 0;
/* eslint-disable import/no-extraneous-dependencies */
const react_1 = __importDefault(require("react"));
const react_tables_1 = require("@zendeskgarden/react-tables");
const react_typography_1 = require("@zendeskgarden/react-typography");
const Ticket_1 = require("./Ticket");
const TicketList = ({ tickets, onTicketClick, }) => (react_1.default.createElement("div", { style: { overflowX: 'auto' } },
react_1.default.createElement(react_tables_1.Table, { style: { minWidth: 500 } },
react_1.default.createElement(react_tables_1.Caption, null,
react_1.default.createElement(react_typography_1.XL, null, "Ticket list")),
react_1.default.createElement(react_tables_1.Head, null,
react_1.default.createElement(react_tables_1.HeaderRow, null,
react_1.default.createElement(react_tables_1.HeaderCell, { width: 70 }, "ID"),
react_1.default.createElement(react_tables_1.HeaderCell, null, "Title"))),
react_1.default.createElement(react_tables_1.Body, null, tickets.map((ticket) => (react_1.default.createElement(Ticket_1.Ticket, { key: ticket.id, id: ticket.id, subject: ticket.subject, onClick: onTicketClick })))))));
exports.TicketList = TicketList;
//# sourceMappingURL=TicketList.js.map