refactor: repo (#1070)

packages/web/src/javascripts/Components/Preferences/PreferencesCanvas.tsx

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react'
+import { observer } from 'mobx-react-lite'
+import { PreferencesMenu } from './PreferencesMenu'
+import PreferencesMenuView from './PreferencesMenuView'
+import PaneSelector from './PaneSelector'
+import { PreferencesProps } from './PreferencesProps'
+
+const PreferencesCanvas: FunctionComponent<PreferencesProps & { menu: PreferencesMenu }> = (props) => (
+  <div className="flex flex-row flex-grow min-h-0 justify-between">
+    <PreferencesMenuView menu={props.menu} />
+    <PaneSelector {...props} />
+  </div>
+)
+
+export default observer(PreferencesCanvas)