diff --git a/src/resources/destinations.tsx b/src/resources/destinations.tsx index 89c7a9c..e4dd012 100644 --- a/src/resources/destinations.tsx +++ b/src/resources/destinations.tsx @@ -1,9 +1,11 @@ +import { get } from "lodash"; import { MouseEvent } from "react"; import AutorenewIcon from "@mui/icons-material/Autorenew"; import DestinationsIcon from "@mui/icons-material/CloudQueue"; import FolderSharedIcon from "@mui/icons-material/FolderShared"; import ViewListIcon from "@mui/icons-material/ViewList"; +import { blue } from "@mui/material/colors"; import { Button, Datagrid, @@ -27,6 +29,7 @@ import { useNotify, useRefresh, useTranslate, + useTheme, DateFieldProps, } from "react-admin"; @@ -34,8 +37,18 @@ import { DATE_FORMAT } from "../components/date"; const DestinationPagination = () => ; -const destinationRowSx = (record: RaRecord) => ({ - backgroundColor: record.retry_last_ts > 0 ? "#ffcccc" : "white", +const destinationRowSxLight = (record: RaRecord) => ({ + backgroundColor: record.retry_last_ts > 0 ? "#ffcccc" : undefined, +}); + +const destinationRowSxDark = (record: RaRecord) => ({ + backgroundColor: record.retry_last_ts > 0 ? "#ffcccc" : undefined, + "& > td": { + color: record.retry_last_ts > 0 ? "black" : "white", + "& > button": { + color: blue[600], + }, + }, }); const destinationFilters = []; @@ -96,12 +109,14 @@ const DestinationTitle = () => { const RetryDateField = (props: DateFieldProps) => { const record = useRecordContext(props); if (props.source && get(record, props.source) === 0) { - return + return ; } - return -} + return ; +}; export const DestinationList = (props: ListProps) => { + const [theme] = useTheme(); + const destinationRowSx = theme === "light" ? destinationRowSxLight : destinationRowSxDark; return (