feat: rename pane to menu

standardnotes · Jul 8, 2021 · b7a9329 · b7a9329
1 parent 1231226
commit b7a9329
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/app/assets/javascripts/components/preferences/menu.tsx b/app/assets/javascripts/components/preferences/menu.tsx
@@ -0,0 +1,23 @@
+import { observer } from 'mobx-react-lite';
+import { FunctionComponent } from 'preact';
+import { PreferencesMenuItem } from '../PreferencesMenuItem';
+import { MockState } from './mock-state';
+
+interface PreferencesMenuProps {
+  store: MockState;
+}
+
+export const PreferencesMenu: FunctionComponent<PreferencesMenuProps> =
+  observer(({ store }) => (
+    <div className="flex flex-col px-3 py-6 overflow-y-auto">
+      {store.items.map((pref) => (
+        <PreferencesMenuItem
+          key={pref.id}
+          iconType={pref.icon}
+          label={pref.label}
+          selected={pref.selected}
+          onClick={() => store.select(pref.id)}
+        />
+      ))}
+    </div>
+  ));