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 && (
+
+
+
+ )}
);
});