shoc-frontend-new/src/app/(protected)/uplifts/_components/uplift-rejected-cells.tsx

import HighlightOffOutlinedIcon from "@mui/icons-material/HighlightOffOutlined";
import { Box, TableCell } from "@mui/material";
import { Text } from "@/components/ui/text";
import type { UpliftQueueItem } from "@/domain/uplifts/types/uplift";
import { formatDateTime } from "@/lib/time-utils";

export function RejectedRowCells({ row }: { row: UpliftQueueItem }) {
  return (
    <>
      <TableCell>{row.decidedByName || "—"}</TableCell>
      <TableCell>{row.decidedAt ? formatDateTime(row.decidedAt) : "—"}</TableCell>
      <TableCell sx={{ maxWidth: 260 }}>
        <Text variant="caption" sx={{ whiteSpace: "pre-wrap" }}>
          {row.decisionNote || "—"}
        </Text>
      </TableCell>
    </>
  );
}

export function RejectedEmptyState() {
  return (
    <Box className="flex flex-col items-center gap-2">
      <HighlightOffOutlinedIcon color="disabled" aria-hidden />
      <Text variant="description">No rejected uplifts.</Text>
    </Box>
  );
}