import React 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 { GetDomain } from "../serrvices/domainsService";

const DomainsTable: React.FC<PublishedTableProps<GetDomain>> = (props) => {
  const { t } = useTranslation<typeof Namespaces.Common>();

  const columns: Column<GetDomain>[] = [
    { key: "name", label: t("Name"), order: "asc" },
  ];

  const raiseSort = (sortColumn: Column<GetDomain>) => {
    if (props.onSort !== undefined) props.onSort(sortColumn);
  };

  const handleAuditParams = (item: any) => {
    return {
      entityName: "e_suite.Database.Core.Tables.Domain.Domain",
      primaryKey: '{"Id":' + item.id + "}",
    };
  };

  const { data, sortColumn, onChangePage, onSearch, onDelete } = props;
  const editPath = authentication.hasAccess("EditDomain")
    ? "edit/{0}"
    : undefined;
  const doDelete = authentication.hasAccess("DeleteDomain")
    ? 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 DomainsTable;
