diff --git a/src/pages/settings/Settings.tsx b/src/pages/settings/Settings.tsx index 6befe9d5..ec463fca 100644 --- a/src/pages/settings/Settings.tsx +++ b/src/pages/settings/Settings.tsx @@ -166,8 +166,7 @@ export default observer(() => { { id: "plugins", icon: , - // TODO(lexisother): Replace this with the actual i18n - title:

Plugins

, + title: , hidden: !experiments.isEnabled("plugins"), }, { diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss index 2695cb45..ff5c3321 100644 --- a/src/pages/settings/panes/Panes.module.scss +++ b/src/pages/settings/panes/Panes.module.scss @@ -532,6 +532,13 @@ h1 { margin-bottom: 20px !important; } + + .empty { + display: flex; + justify-content: center; + align-items: center; + margin-top: 1rem; + } } .myBots { diff --git a/src/pages/settings/panes/Plugins.tsx b/src/pages/settings/panes/Plugins.tsx index fdb19c57..8560a520 100644 --- a/src/pages/settings/panes/Plugins.tsx +++ b/src/pages/settings/panes/Plugins.tsx @@ -1,6 +1,7 @@ import { observer } from "mobx-react-lite"; import styles from "./Panes.module.scss"; +import { Text } from "preact-i18n"; import { useApplicationState } from "../../../mobx/State"; @@ -11,12 +12,11 @@ export const PluginsPage = observer(() => { const plugins = useApplicationState().plugins; return (
- {/* TODO(lexisother): Wrap in

*/} -

Plugins

Warning: This feature is still in development. {plugins.list().map((plugin) => { + // TODO(lexisother): Stop using Checkbox, write a custom component return ( { ); })} + + {plugins.list().length === 0 && ( +
+ +
+ )}
); });