diff --git a/www/src/components/Table/ColumnMenu/MenuContents.tsx b/www/src/components/Table/ColumnMenu/MenuContents.tsx index ebac8834..fe26d5c5 100644 --- a/www/src/components/Table/ColumnMenu/MenuContents.tsx +++ b/www/src/components/Table/ColumnMenu/MenuContents.tsx @@ -51,10 +51,8 @@ const useStyles = makeStyles(theme => menuItemError: { color: theme.palette.error.main, "&:hover": { - backgroundColor: fade( - theme.palette.error.main, - theme.palette.action.hoverOpacity - ), + backgroundColor: theme.palette.error.main, + color: theme.palette.error.contrastText, }, }, }) @@ -73,7 +71,6 @@ export interface IMenuContentsProps { }[]; } -// TODO: implement active states and actions export default function MenuContents({ menuItems }: IMenuContentsProps) { const classes = useStyles(); diff --git a/www/src/components/Table/ColumnMenu/index.tsx b/www/src/components/Table/ColumnMenu/index.tsx index f49c73e4..631ccaba 100644 --- a/www/src/components/Table/ColumnMenu/index.tsx +++ b/www/src/components/Table/ColumnMenu/index.tsx @@ -82,10 +82,7 @@ export default function ColumnMenu() { const menuItems = [ { type: "subheader", - label: - column.name === column?.key - ? column.name - : (`${column.name}(${column?.key as string})` as string), + label: column.name, }, { label: "Lock",