adminFront/src/pages/dashboard/Content/PromocodeManagement/usePromocodeGridColDef.tsx

import { IconButton } from "@mui/material";
import { GridColDef } from "@mui/x-data-grid";
import { Promocode } from "@root/model/promocodes";
import { useMemo } from "react";

import { BarChart, Delete } from "@mui/icons-material";

export function usePromocodeGridColDef(
  setStatistics: (id: string) => void,
  deletePromocode: (id: string) => void
) {
  return useMemo<GridColDef<Promocode, string | number, string>[]>(
    () => [
      {
        field: "id",
        headerName: "ID",
        width: 30,
        sortable: false,
        valueGetter: ({ row }) => row.id,
      },
      {
        field: "codeword",
        headerName: "Кодовое слово",
        width: 160,
        sortable: false,
        valueGetter: ({ row }) => row.codeword,
      },
      {
        field: "factor",
        headerName: "Коэф. скидки",
        width: 120,
        sortable: false,
        valueGetter: ({ row }) =>
          Math.round(row.bonus.discount.factor * 1000) / 1000,
      },
      {
        field: "activationCount",
        headerName: "Кол-во активаций",
        width: 140,
        sortable: false,
        valueGetter: ({ row }) => row.activationCount,
      },
      {
        field: "dueTo",
        headerName: "Истекает",
        width: 160,
        sortable: false,
        valueGetter: ({ row }) => row.dueTo * 1000,
        valueFormatter: ({ value }) => new Date(value).toLocaleString(),
      },
      {
        field: "settings",
        headerName: "",
        width: 60,
        sortable: false,
        renderCell: (params) => {
          return (
            <IconButton onClick={() => setStatistics(params.row.id)}>
              <BarChart />
            </IconButton>
          );
        },
      },
      {
        field: "delete",
        headerName: "",
        width: 60,
        sortable: false,
        renderCell: (params) => {
          return (
            <IconButton onClick={() => deletePromocode(params.row.id)}>
              <Delete />
            </IconButton>
          );
        },
      },
    ],
    [deletePromocode, setStatistics]
  );
}