diff --git a/src/categories/components/CategoryList/CategoryList.tsx b/src/categories/components/CategoryList/CategoryList.tsx index 2db043d80..28344d8fe 100644 --- a/src/categories/components/CategoryList/CategoryList.tsx +++ b/src/categories/components/CategoryList/CategoryList.tsx @@ -36,7 +36,7 @@ const styles = (theme: Theme) => } }, colName: { - paddingLeft: "0 !important" + paddingLeft: 0 }, colProducts: { textAlign: "center" diff --git a/src/components/ColumnPicker/ColumnPicker.tsx b/src/components/ColumnPicker/ColumnPicker.tsx index cf5cfb217..dfef82983 100644 --- a/src/components/ColumnPicker/ColumnPicker.tsx +++ b/src/components/ColumnPicker/ColumnPicker.tsx @@ -62,10 +62,10 @@ const ColumnPicker: React.FC = props => { setTimeout(() => setExpansionState(initialOpen), 100); }, []); - const handleCancel = React.useCallback(() => { + const handleCancel = () => { setExpansionState(false); - setSelectedColumns(columns.map(column => column.value)); - }, [columns]); + setSelectedColumns(initialColumns); + }; const handleColumnToggle = (column: string) => setSelectedColumns(toggle(column, selectedColumns, (a, b) => a === b)); diff --git a/src/components/ColumnPicker/ColumnPickerContent.tsx b/src/components/ColumnPicker/ColumnPickerContent.tsx index 340221ea3..bef6aa779 100644 --- a/src/components/ColumnPicker/ColumnPickerContent.tsx +++ b/src/components/ColumnPicker/ColumnPickerContent.tsx @@ -40,6 +40,9 @@ const useStyles = makeStyles((theme: Theme) => ({ boxShadow: `0px 0px 0px 0px ${theme.palette.background.paper}`, transition: theme.transitions.duration.short + "ms" }, + cancelButton: { + marginRight: theme.spacing.unit * 2 + }, content: { display: "grid", gridColumnGap: theme.spacing.unit * 3, @@ -164,7 +167,11 @@ const ColumnPickerContent: React.FC = props => {
-