mirrors/synapse-admin
1
0
Fork 0
mirror of https://github.com/Awesome-Technologies/synapse-admin.git synced 2024-10-22 18:55:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

Federation dark theme improvements

Browse source
This commit is contained in:
rkfg 2024-07-18 12:53:26 +03:00
parent 06030e158e
commit 307490443b
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/resources/destinations.tsx
View file

@ -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 = () => <Pagination rowsPerPageOptions={[10, 25, 50, 100, 500, 1000]} />;
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 = [<SearchInput source="destination" alwaysOn />];
@ -96,12 +109,14 @@ const DestinationTitle = () => {
const RetryDateField = (props: DateFieldProps) => {
const record = useRecordContext(props);
if (props.source && get(record, props.source) === 0) {
return <DateField {...props} record={{...record, [props.source]: null}} />
return <DateField {...props} record={{ ...record, [props.source]: null }} />;
}
return <DateField {...props} />
}
return <DateField {...props} />;
};
export const DestinationList = (props: ListProps) => {
const [theme] = useTheme();
const destinationRowSx = theme === "light" ? destinationRowSxLight : destinationRowSxDark;
return (
<List
{...props}