aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/FormElements/Toggle/Toggle.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-04-29 12:13:34 +0200
committerArmand Philippot <git@armandphilippot.com>2022-04-29 18:30:05 +0200
commit7e16f500cb7bc0cfd8bafbf6bb1555704f771231 (patch)
treebfc2b4a475cb06a787e2c4bdf284165644e82952 /src/components/FormElements/Toggle/Toggle.tsx
parent5324664e87bedfaa01ba62c0c847ef5b861e69b3 (diff)
chore: remove old pages, components, helpers and types
Since I'm using new components, I will also rewrite the GraphQL queries so it is easier to start from scratch.
Diffstat (limited to 'src/components/FormElements/Toggle/Toggle.tsx')
-rw-r--r--src/components/FormElements/Toggle/Toggle.tsx46
1 files changed, 0 insertions, 46 deletions
diff --git a/src/components/FormElements/Toggle/Toggle.tsx b/src/components/FormElements/Toggle/Toggle.tsx
deleted file mode 100644
index 4db7d43..0000000
--- a/src/components/FormElements/Toggle/Toggle.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { FormEvent, ReactElement } from 'react';
-import { Form } from '..';
-import styles from './Toggle.module.scss';
-
-const Toggle = ({
- id,
- label,
- value,
- changeHandler,
- leftChoice,
- rightChoice,
- name,
-}: {
- id: string;
- label: string;
- value: boolean;
- changeHandler: (value: boolean) => void;
- leftChoice: ReactElement | string;
- rightChoice: ReactElement | string;
- name?: string;
-}) => {
- const onSubmit = (e: FormEvent) => {
- e.preventDefault();
- };
-
- return (
- <Form kind="settings" submitHandler={onSubmit}>
- <input
- className={styles.checkbox}
- type="checkbox"
- id={id}
- name={name ? name : id}
- checked={value}
- onChange={() => changeHandler(!value)}
- />
- <label htmlFor={id} className={styles.label}>
- <span className={styles.title}>{label}</span>
- {leftChoice}
- <span className={styles.toggle}></span>
- {rightChoice}
- </label>
- </Form>
- );
-};
-
-export default Toggle;