48 lines
1010 B
JavaScript
48 lines
1010 B
JavaScript
import {
|
|
IonPage,
|
|
IonHeader,
|
|
IonItem,
|
|
IonToolbar,
|
|
IonTitle,
|
|
IonContent,
|
|
IonList,
|
|
IonToggle,
|
|
IonLabel,
|
|
} 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.getSettings);
|
|
|
|
return (
|
|
<IonPage>
|
|
<IonHeader>
|
|
<IonToolbar>
|
|
<IonTitle>Settings</IonTitle>
|
|
</IonToolbar>
|
|
</IonHeader>
|
|
<IonContent>
|
|
<IonList>
|
|
<IonItem>
|
|
<IonLabel>Enable Notifications</IonLabel>
|
|
<IonToggle
|
|
checked={settings.enableNotifications}
|
|
onIonChange={e => {
|
|
setSettings({
|
|
...settings,
|
|
enableNotifications: e.target.checked,
|
|
});
|
|
}}
|
|
/>
|
|
</IonItem>
|
|
</IonList>
|
|
</IonContent>
|
|
</IonPage>
|
|
);
|
|
};
|
|
|
|
export default Settings;
|