Settings and notifications

2020-12-24 17:24:38 -06:00
parent 06c1a8f71d
commit 0b31a80d02
9 changed files with 253 additions and 5 deletions
@@ -1,9 +1,32 @@
+import Store from '../../store';
+import * as selectors from '../../store/selectors';
+import * as actions from '../../store/actions';
+
 import Content from '../ui/Content';
+import List from '../ui/List';
+import ListItem from '../ui/ListItem';
+import Toggle from '../ui/Toggle';

 const Settings = ({ selected }) => {
+  const enableNotifications = Store.useState();
+  const settings = Store.useState(selectors.getSettings);
+
  return (
    <Content visible={selected} className="p-4">
-      <h2>Settings</h2>
+      <List>
+        <ListItem className="flex">
+          <span className="text-md flex-1">Enable Notifications</span>
+          <Toggle
+            checked={settings.enableNotifications}
+            onChange={e =>
+              actions.setSettings({
+                ...settings,
+                enableNotifications: e.target.checked,
+              })
+            }
+          />
+        </ListItem>
+      </List>
    </Content>
  );
 };