From cefa8d8880b77d505aaf6349bbfb0582cf00efb5 Mon Sep 17 00:00:00 2001
From: Roman <ixrock@gmail.com>
Date: Mon, 2 Nov 2020 17:52:18 +0200
Subject: [PATCH] added enabled/disable buttons

Signed-off-by: Roman <ixrock@gmail.com>
---
 src/renderer/components/+extensions/extensions.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx
index 814be3d87d..f1374a833b 100644
--- a/src/renderer/components/+extensions/extensions.tsx
+++ b/src/renderer/components/+extensions/extensions.tsx
@@ -66,7 +66,8 @@ export class Extensions extends React.Component {
         </div>
       )
     }
-    return extensions.map(({ manifestPath, name, description }) => {
+    return extensions.map(ext => {
+      const { manifestPath, name, description, isEnabled } = ext;
       return (
         <div key={manifestPath} className="extension flex gaps align-center">
           <div className="box grow flex column gaps">
@@ -77,9 +78,12 @@ export class Extensions extends React.Component {
               Description: <span className="text-secondary">{description}</span>
             </div>
           </div>
-          <Button plain active onClick={() => console.log(`//todo: disable ${name}`)}>
-            Disable
-          </Button>
+          {!isEnabled && (
+            <Button plain active onClick={() => ext.enable()}>Enable</Button>
+          )}
+          {isEnabled && (
+            <Button accent onClick={() => ext.disable()}>Disable</Button>
+          )}
         </div>
       )
     })