djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
dominik-zeglen 2020-08-17 13:42:37 +02:00
parent cc2fb0ae4e
commit 88168cb157
3 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/ControlledCheckbox.tsx
View file

@ -1,8 +1,7 @@
import Checkbox from "@material-ui/core/Checkbox";
import FormControlLabel from "@material-ui/core/FormControlLabel"; import FormControlLabel from "@material-ui/core/FormControlLabel";
import React from "react"; import React from "react";
import Checkbox from "./Checkbox";
interface ControlledCheckboxProps { interface ControlledCheckboxProps {
className?: string; className?: string;
name: string; name: string;
@ -27,7 +26,6 @@ export const ControlledCheckbox: React.FC<ControlledCheckboxProps> = ({
checked={checked} checked={checked}
disabled={disabled} disabled={disabled}
name={name} name={name}
disableClickPropagation
onChange={() => onChange({ target: { name, value: !checked } })} onChange={() => onChange({ target: { name, value: !checked } })}
/> />
} }

11
src/icons/Checkbox.tsx Normal file
View file

@ -0,0 +1,11 @@
import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
import React from "react";
const ArrowSort = createSvgIcon(
<>
<rect x="0.5" y="0.5" width="13" height="13" stroke="#616161" />
</>,
"ArrowSort"
);
export default ArrowSort;

5
src/theme.ts
View file

@ -1,4 +1,5 @@
import Card from "@material-ui/core/Card"; import Card from "@material-ui/core/Card";
import Checkbox from "@material-ui/core/Checkbox";
import { createMuiTheme, Theme } from "@material-ui/core/styles"; import { createMuiTheme, Theme } from "@material-ui/core/styles";
import { darken, fade } from "@material-ui/core/styles/colorManipulator"; import { darken, fade } from "@material-ui/core/styles/colorManipulator";
import TextField from "@material-ui/core/TextField"; import TextField from "@material-ui/core/TextField";
@ -562,3 +563,7 @@ Card.defaultProps = {
Typography.defaultProps = { Typography.defaultProps = {
component: "div" component: "div"
}; };
Checkbox.defaultProps = {
color: "primary"
};