diff --git a/src/plugins/_core/settings.tsx b/src/plugins/_core/settings.tsx
index c1781edfc..01a57f789 100644
--- a/src/plugins/_core/settings.tsx
+++ b/src/plugins/_core/settings.tsx
@@ -32,9 +32,10 @@ let LayoutTypes = {
SECTION: 1,
SIDEBAR_ITEM: 2,
PANEL: 3,
- PANE: 4
+ CATEGORY: 5,
+ CUSTOM: 19,
};
-waitFor(["SECTION", "SIDEBAR_ITEM", "PANEL"], v => LayoutTypes = v);
+waitFor(["SECTION", "SIDEBAR_ITEM", "PANEL", "CUSTOM"], v => LayoutTypes = v);
const FallbackSectionTypes = {
HEADER: "HEADER",
@@ -157,36 +158,21 @@ export default definePlugin({
key: key + "_panel",
type: LayoutTypes.PANEL,
useTitle: () => panelTitle,
+ buildLayout: () => [{
+ type: LayoutTypes.CATEGORY,
+ key: key + "_category",
+ buildLayout: () => [{
+ type: LayoutTypes.CUSTOM,
+ key: key + "_custom",
+ Component: Component,
+ useSearchTerms: () => [title]
+ }]
+ }]
};
- const render = {
- // FIXME
- StronglyDiscouragedCustomComponent: () => ,
- render: () => ,
- };
-
- // FIXME
- if (LayoutTypes.PANE) {
- panel.buildLayout = () => [
- {
- key: key + "_pane",
- type: LayoutTypes.PANE,
- useTitle: () => panelTitle,
- buildLayout: () => [],
- ...render
- }
- ];
- } else {
- Object.assign(panel, render);
- panel.buildLayout = () => [];
- }
-
return ({
key,
type: LayoutTypes.SIDEBAR_ITEM,
- // FIXME
- legacySearchKey: title.toUpperCase(),
- getLegacySearchKey: () => title.toUpperCase(),
useTitle: () => title,
icon: () => ,
buildLayout: () => [panel]