diff --git a/.eslintrc.json b/.eslintrc.json index 5e7ef0a0..f04178c4 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -4,7 +4,7 @@ "es2020": true, "node": true }, - "extends": ["eslint:recommended", "plugin:react/recommended", "prettier", "prettier/react"], + "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"], "parserOptions": { "ecmaFeatures": { "jsx": true diff --git a/assets/chart-bar.svg b/assets/chart-bar.svg new file mode 100644 index 00000000..d1d72fdc --- /dev/null +++ b/assets/chart-bar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/components/common/Checkbox.js b/components/common/Checkbox.js index 67eea80d..0cd0dcad 100644 --- a/components/common/Checkbox.js +++ b/components/common/Checkbox.js @@ -7,12 +7,14 @@ import styles from './Checkbox.module.css'; function Checkbox({ name, value, label, onChange }) { const ref = useRef(); + const onClick = () => ref.current.click(); + return (
-
ref.current.click()}> +
{value && } size="small" />}
-
diff --git a/components/common/Checkbox.module.css b/components/common/Checkbox.module.css index 267a4054..c9a01eac 100644 --- a/components/common/Checkbox.module.css +++ b/components/common/Checkbox.module.css @@ -17,6 +17,7 @@ .label { margin-left: 10px; + user-select: none; /* disable text selection when clicking to toggle the checkbox */ } .input { diff --git a/components/forms/WebsiteEditForm.js b/components/forms/WebsiteEditForm.js index 4bc19a2f..0be48561 100644 --- a/components/forms/WebsiteEditForm.js +++ b/components/forms/WebsiteEditForm.js @@ -77,7 +77,7 @@ export default function WebsiteEditForm({ values, onSave, onClose }) {
- +