From f608eb053f0fb89c5f4103abf1ac9e924a9d7606 Mon Sep 17 00:00:00 2001
From: stringsplit <77242831+nbitzz@users.noreply.github.com>
Date: Wed, 28 Jun 2023 22:48:44 -0700
Subject: [PATCH] ok

---
 assets/icons/refresh.svg                  | 1 +
 src/svelte/elem/pulldowns/Accounts.svelte | 9 ++++++++-
 src/svelte/elem/stores.mjs                | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 assets/icons/refresh.svg

diff --git a/assets/icons/refresh.svg b/assets/icons/refresh.svg
new file mode 100644
index 0000000..d415d66
--- /dev/null
+++ b/assets/icons/refresh.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm3.27-11.25H14a.75.75 0 0 0 0 1.5h2.75a.75.75 0 0 0 .75-.75V8.25a.75.75 0 0 0-1.5 0V9a4.991 4.991 0 0 0-4-2c-1.537 0-2.904.66-3.827 1.77a.75.75 0 0 0 1.154.96C9.963 8.963 10.907 8.5 12 8.5c1.492 0 2.767.934 3.27 2.25Zm-7.27 5V15a5.013 5.013 0 0 0 7.821.237.75.75 0 1 0-1.142-.972 3.513 3.513 0 0 1-5.842-.765H10a.75.75 0 0 0 0-1.5H7.25a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0Z" fill="#DDDDDD"/></svg>
\ No newline at end of file
diff --git a/src/svelte/elem/pulldowns/Accounts.svelte b/src/svelte/elem/pulldowns/Accounts.svelte
index ac1bba3..e356b33 100644
--- a/src/svelte/elem/pulldowns/Accounts.svelte
+++ b/src/svelte/elem/pulldowns/Accounts.svelte
@@ -2,7 +2,7 @@
     import Pulldown from "./Pulldown.svelte"
     import { padding_scaleY } from "../transition/padding_scaleY"
     import { circIn,circOut } from "svelte/easing"
-    import { account, fetchAccountData, serverStats } from "../stores.mjs";
+    import { account, fetchAccountData, serverStats, refreshNeeded } from "../stores.mjs";
     import { fade } from "svelte/transition";
     import OptionPicker from "../prompts/OptionPicker.svelte";
     import * as accOpts from "../prompts/account";
@@ -160,6 +160,13 @@
                     <img src="/static/assets/icons/paint.svg" alt="customcss">
                     <p>Set custom CSS<span><br />{@html $account.customCSS ? `Using file ID <span class="number">${$account.customCSS}</span>` : "No custom CSS set"}</span></p>
                 </button>
+
+                {#if $refreshNeeded}
+                    <button on:click={() => window.location.reload(true)} transition:fade={{duration: 200}}>
+                        <img src="/static/assets/icons/refresh.svg" alt="refresh">
+                        <p>Refresh<span><br />Changes were made which require a refresh</span></p>
+                    </button>
+                {/if}
                 
                 <div class="category">
                     <p>Sessions</p>
diff --git a/src/svelte/elem/stores.mjs b/src/svelte/elem/stores.mjs
index 1d182dc..d624dd7 100644
--- a/src/svelte/elem/stores.mjs
+++ b/src/svelte/elem/stores.mjs
@@ -1,5 +1,6 @@
 import { writable } from "svelte/store"
 
+export let refreshNeeded = writable(false)
 export let pulldownManager = writable(0)
 export let account = writable({})
 export let serverStats = writable({})