webui/src/modules/manager/sequence/components/squenceTable.tsx

64 lines
1.7 KiB
TypeScript

import React, { useMemo } from "react";
import { useTranslation } from "react-i18next";
import { Namespaces } from "../../../../i18n/i18n";
import Column from "../../../../components/common/columns";
import Table, {
PublishedTableProps,
} from "../../../../components/common/Table";
import authentication from "../../../frame/services/authenticationService";
import { ReadSequence } from "../services/sequenceService";
const SequenceTable: React.FC<PublishedTableProps<ReadSequence>> = ({
data,
sortColumn,
onChangePage,
onSearch,
onDelete,
onSort,
}) => {
const { t } = useTranslation(Namespaces.Common);
const columns: Column<ReadSequence>[] = useMemo(
() => [{ key: "name", label: t("Name"), order: "asc" }],
[t],
);
const raiseSort = (sortCol: Column<ReadSequence>) => {
if (onSort !== undefined) onSort(sortCol);
};
const handleAuditParams = (item: any) => {
return {
entityName: "e_suite.Database.Core.Tables.Sequences.Sequence",
primaryKey: `{"Id":${item.id}}`,
};
};
const editPath = authentication.hasAccess("EditSequence")
? "edit/{0}"
: undefined;
const doDelete = authentication.hasAccess("DeleteSequence")
? onDelete
: undefined;
const showAudit = authentication.hasAccess("ViewAuditLog")
? handleAuditParams
: undefined;
return (
<Table
data={data}
keyName="id"
columns={columns}
sortColumn={sortColumn}
editPath={editPath}
onSort={raiseSort}
onChangePage={onChangePage}
onSearch={onSearch}
onDelete={doDelete}
onAuditParams={showAudit}
/>
);
};
export default SequenceTable;