this repo has no description
1import settings from "@moonlight-mod/wp/settings_settings";
2import React from "@moonlight-mod/wp/common_react";
3import spacepack from "@moonlight-mod/wp/spacepack_spacepack";
4import { Moonbase, pages } from "@moonlight-mod/wp/moonbase_ui";
5
6import { MoonbaseSettingsStore } from "@moonlight-mod/wp/moonbase_stores";
7import { MenuItem } from "@moonlight-mod/wp/common_components";
8
9const { open } = spacepack.findByExports("setSection", "clearSubsection")[0]
10 .exports.Z;
11
12settings.addSection("moonbase", "Moonbase", Moonbase, null, -2, {
13 stores: [MoonbaseSettingsStore],
14 element: () => {
15 // Require it here because lazy loading SUX
16 const SettingsNotice = spacepack.findByCode(
17 "onSaveButtonColor",
18 "FocusRingScope"
19 )[0].exports.Z;
20 return (
21 <SettingsNotice
22 submitting={MoonbaseSettingsStore.submitting}
23 onReset={() => {
24 MoonbaseSettingsStore.reset();
25 }}
26 onSave={() => {
27 MoonbaseSettingsStore.writeConfig();
28 }}
29 />
30 );
31 }
32});
33
34settings.addSectionMenuItems(
35 "moonbase",
36 ...pages.map((page, i) => (
37 <MenuItem
38 key={page.id}
39 id={`moonbase-${page.id}`}
40 label={page.name}
41 action={() => open("moonbase", i)}
42 />
43 ))
44);