hummus plugin toggle checkbox

dist/build.js

@@ -816,13 +816,21 @@ font-size: 0.9em;
     };
 
     const _jsxFileName = "/home/ruthenic/Coding/Javascript/demoncord/demoncord-rewrite/src/api/ui/settings/hummus.jsx";
+    const Checkbox = webpack.findByDisplayName("Checkbox");
+
     var hummus = () => {
         const extNest = demon.summon("internal/nest");
-        return (React.createElement('div', { className: "control-group demon-settings-card-header" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 5}}
-            , React.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 6}}, "Plugins")
+        return (React.createElement('div', { className: "control-group demon-settings-card-header" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}}
+            , React.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 10}}, "Plugins")
             , Object.keys(extNest.ghost.pluginsList).map((k) => {
-                return (React.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}}
+                return (React.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}
                 , k
+                , React.createElement(Checkbox, {
+                    checked: extNest.ghost.pluginsStatus[k].running,
+                    onChange: async () => {
+                        toggle(k);
+                    }, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}
+                )
                 ))
             })
         ))

src/api/ui/settings/hummus.jsx

@@ -1,4 +1,8 @@
 import { React, nests, nestsReact } from "../../common"
+import { toggle } from "../../plugin"
+import webpack from "../../webpack"
+
+const Checkbox = webpack.findByDisplayName("Checkbox")
 
 export default () => {
     const extNest = demon.summon("internal/nest")
@@ -7,6 +11,12 @@ export default () => {
         {Object.keys(extNest.ghost.pluginsList).map((k) => {
             return (<div>
             {k}
+            <Checkbox
+                checked={extNest.ghost.pluginsStatus[k].running}
+                onChange={async () => {
+                    toggle(k)
+                }}
+            />
             </div>)
         })}
     </div>)