"use client";
import { useState, type MouseEvent, type ReactNode } from "react";
import AutorenewOutlinedIcon from "@mui/icons-material/AutorenewOutlined";
import MoreVertIcon from "@mui/icons-material/MoreVert";
import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
import IconButton from "@mui/material/IconButton";
import Menu from "@mui/material/Menu";
import MenuItem from "@mui/material/MenuItem";
import Typography from "@mui/material/Typography";
import { alpha, useTheme } from "@mui/material/styles";
import { IssueStatusBadge } from "@/components/ui/issue-status-badge";
import type { MinistryProgressReportIssueRow } from "./progress-report-issues-data";
function isKhmerText(value: string) {
return /[\u1780-\u17FF]/.test(value);
}
export function IssuesTextCell({
value,
muted = false,
}: {
value: string;
muted?: boolean;
}) {
const isEmpty = !value || value === "No data" || value === "-";
return (
{value || "No data"}
);
}
export function IssuesStatusCell({
status,
}: {
status: MinistryProgressReportIssueRow["status"];
}) {
return ;
}
export function IssuesAgencyCell({
name,
logo,
logoSize = 24,
}: {
name: string;
logo?: string | null;
logoSize?: number;
}) {
const isEmpty = !name || name === "No data" || name === "-";
if (isEmpty) {
return ;
}
return (
{logo ? (
) : null}
{name}
);
}
export function IssuesUpdateActionCell({
onUpdate,
label = "Update Issue",
icon = ,
}: {
onUpdate?: () => void;
label?: string;
icon?: ReactNode;
}) {
return (
);
}
export function IssuesUpdateMenuActionCell({
onUpdate,
onViewComment,
updateLabel = "Update RGC Decision",
viewCommentLabel = "View Comment",
}: {
onUpdate?: () => void;
onViewComment?: () => void;
updateLabel?: string;
viewCommentLabel?: string;
}) {
const theme = useTheme();
const isDark = theme.palette.mode === "dark";
const [anchorElement, setAnchorElement] = useState(null);
const isOpen = Boolean(anchorElement);
function openMenu(event: MouseEvent) {
event.stopPropagation();
setAnchorElement(event.currentTarget);
}
function closeMenu() {
setAnchorElement(null);
}
return (
<>
);
}