From 0a5ceaf9ea75917130671903a85baaaf668a3a0d Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Fri, 18 Oct 2024 11:41:50 +0200
Subject: [PATCH] Make button color configurable

In preparation for disk reset button
---
 src/lib/PanelButton.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/PanelButton.svelte b/src/lib/PanelButton.svelte
index 61952e7..7908694 100644
--- a/src/lib/PanelButton.svelte
+++ b/src/lib/PanelButton.svelte
@@ -3,11 +3,13 @@
 	export let clickHandler = null;
 	export let rightClickHandler = null;
 	export let buttonTooltip = null;
+	export let bgColor = "bg-neutral-700";
+	export let hoverColor = "hover:bg-neutral-500"
 	export let buttonImage = null;
 	export let buttonText;
 </script>
 
-<a href={clickUrl} target="_blank" on:click={clickHandler} on:contextmenu={rightClickHandler}><p class="flex flex-row items-center bg-neutral-700 p-2 rounded-md shadow-md shadow-neutral-900 {(clickUrl != null || clickHandler != null) ? "hover:bg-neutral-500 cursor-pointer" : ""}" title={buttonTooltip}>
+<a href={clickUrl} target="_blank" on:click={clickHandler} on:contextmenu={rightClickHandler}><p class="flex flex-row items-center {bgColor} p-2 rounded-md shadow-md shadow-neutral-900 {(clickUrl != null || clickHandler != null) ? `${hoverColor} cursor-pointer` : ""}" title={buttonTooltip}>
 {#if buttonImage}
 <img src={buttonImage} class="inline w-8 h-8"/>
 {/if}