From 8d065eab1fa3cbf747842a552fbf8557e8684892 Mon Sep 17 00:00:00 2001
From: Sefa Eyeoglu <contact@scrumplex.net>
Date: Wed, 17 Aug 2022 01:51:39 +0200
Subject: Add Plugin Reload Button to Settings (#128)

* feat: add reload button to plugin list

Signed-off-by: Sefa Eyeoglu <contact@scrumplex.net>

* refactor: move plugin actions into context menu

Signed-off-by: Sefa Eyeoglu <contact@scrumplex.net>
---
 .../src/components/settings/pages/plugin_list/index.tsx  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

(limited to 'frontend/src')

diff --git a/frontend/src/components/settings/pages/plugin_list/index.tsx b/frontend/src/components/settings/pages/plugin_list/index.tsx
index 2d77503f..3888a52d 100644
--- a/frontend/src/components/settings/pages/plugin_list/index.tsx
+++ b/frontend/src/components/settings/pages/plugin_list/index.tsx
@@ -1,5 +1,5 @@
-import { DialogButton, staticClasses } from 'decky-frontend-lib';
-import { FaTrash } from 'react-icons/fa';
+import { DialogButton, Menu, MenuItem, showContextMenu, staticClasses } from 'decky-frontend-lib';
+import { FaEllipsisH } from 'react-icons/fa';
 
 import { useDeckyState } from '../../../DeckyState';
 
@@ -22,9 +22,17 @@ export default function PluginList() {
           <div className={staticClasses.Title} style={{ marginLeft: 'auto', boxShadow: 'none' }}>
             <DialogButton
               style={{ height: '40px', width: '40px', padding: '10px 12px' }}
-              onClick={() => window.DeckyPluginLoader.uninstallPlugin(name)}
+              onClick={(e: MouseEvent) =>
+                showContextMenu(
+                  <Menu label="Plugin Actions">
+                    <MenuItem onSelected={() => window.DeckyPluginLoader.importPlugin(name)}>Reload</MenuItem>
+                    <MenuItem onSelected={() => window.DeckyPluginLoader.uninstallPlugin(name)}>Uninstall</MenuItem>
+                  </Menu>,
+                  e.currentTarget ?? window,
+                )
+              }
             >
-              <FaTrash />
+              <FaEllipsisH />
             </DialogButton>
           </div>
         </li>
-- 
cgit v1.2.3