From 68e7a3618074cea160d4d97299f945757d2fb537 Mon Sep 17 00:00:00 2001
From: Mat Ryer <matryer@users.noreply.github.com>
Date: Wed, 10 Mar 2021 00:02:35 +0000
Subject: [PATCH] added refresh button after variables change

---
 app/frontend/src/elements/Variables.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/frontend/src/elements/Variables.svelte b/app/frontend/src/elements/Variables.svelte
index e0081e04f..608c51986 100644
--- a/app/frontend/src/elements/Variables.svelte
+++ b/app/frontend/src/elements/Variables.svelte
@@ -1,5 +1,7 @@
 <script>
 	import { createEventDispatcher } from 'svelte'
+    import { refreshAllPlugins } from '../rpc.svelte'
+    import Button from './Button.svelte'
 
     // dispatch handles the following events:
     // 		on:change - fired when the values change
@@ -23,6 +25,11 @@
         }, debounce)
     }
 
+    function onRefreshThePluginsClick() {
+        changed = false
+        refreshAllPlugins()
+    }
+
 </script>
 
 {#if variables && variables.length && values}
@@ -52,7 +59,7 @@
             {/each}
         </table>
         <p class='pt-3 pb-6 opacity-75 text-sm max-w-sm'>
-            <span class='bg-yellow-100 bg-opacity-50 dark:bg-transparent' class:invisible={ !changed }>💡 Choose <strong>Preferences > Refresh all</strong> from an xbar menu for your changes to take effect.</span>
+            <span class='bg-yellow-100 bg-opacity-50 dark:bg-transparent' class:invisible={ !changed }>💡 To see your changes, <Button on:click={ onRefreshThePluginsClick }>Refresh the plugins</Button></span>
         </p>
     </div>
 {/if}