47 lines
1005 B
TypeScript
47 lines
1005 B
TypeScript
import {
|
|
IonPage,
|
|
IonHeader,
|
|
IonItem,
|
|
IonToolbar,
|
|
IonTitle,
|
|
IonContent,
|
|
IonList,
|
|
IonToggle,
|
|
} from '@ionic/react';
|
|
|
|
import Store from '../../store';
|
|
import * as selectors from '../../store/selectors';
|
|
import { setSettings } from '../../store/actions';
|
|
|
|
const Settings = () => {
|
|
const settings = Store.useState(selectors.selectSettings);
|
|
return (
|
|
<IonPage>
|
|
<IonHeader>
|
|
<IonToolbar>
|
|
<IonTitle>Settings</IonTitle>
|
|
</IonToolbar>
|
|
</IonHeader>
|
|
<IonContent>
|
|
<IonList>
|
|
<IonItem>
|
|
<IonToggle
|
|
checked={settings.enableNotifications}
|
|
onIonChange={e => {
|
|
setSettings({
|
|
...settings,
|
|
enableNotifications: e.target.checked,
|
|
});
|
|
}}
|
|
>
|
|
Enable Notifications
|
|
</IonToggle>
|
|
</IonItem>
|
|
</IonList>
|
|
</IonContent>
|
|
</IonPage>
|
|
);
|
|
};
|
|
|
|
export default Settings;
|