From 74b0480870e1c8f29eb7de7b206445a59d68d3bb Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Wed, 10 May 2023 10:33:32 +0200
Subject: [PATCH] hide refresh buttons do not apply to triggerables

---
 frontend/src/lib/components/FieldHeader.svelte         |  4 ++--
 .../script/ComponentScriptSettings.svelte              | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/FieldHeader.svelte b/frontend/src/lib/components/FieldHeader.svelte
index b95c027a2a..8294cbe4ae 100644
--- a/frontend/src/lib/components/FieldHeader.svelte
+++ b/frontend/src/lib/components/FieldHeader.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { twMerge } from 'tailwind-merge'
 	import Required from './Required.svelte'
-	import { addWhitespaceBeforeCapitals, capitalize } from '$lib/utils'
+	import { capitalize } from '$lib/utils'
 
 	export let label: string
 	export let format: string = ''
@@ -14,7 +14,7 @@
 
 <div class="inline-flex flex-row items-center truncated">
 	<span class={twMerge('font-semibold', labelClass)}>
-		{addWhitespaceBeforeCapitals(label.replace(/_/g, ' ')).split(' ').map(capitalize).join(' ')}
+		{label.replace(/_/g, ' ').split(' ').map(capitalize).join(' ')}
 	</span>
 	<Required {required} class="!ml-0" />
 
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/script/ComponentScriptSettings.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/script/ComponentScriptSettings.svelte
index 1b20ff734c..0e11e13b7a 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/script/ComponentScriptSettings.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/script/ComponentScriptSettings.svelte
@@ -58,11 +58,13 @@
 			: ''}
 		{actions}
 	/>
-	<div class="flex items-center justify-between w-full px-2">
-		<div class="flex flex-row items-center gap-2 text-xs"> Hide Refresh Button </div>
+	{#if !isTriggerable(appComponent.type)}
+		<div class="flex items-center justify-between w-full px-2">
+			<div class="flex flex-row items-center gap-2 text-xs"> Hide Refresh Button </div>
 
-		<Toggle bind:checked={appInput.hideRefreshButton} size="xs" />
-	</div>
+			<Toggle bind:checked={appInput.hideRefreshButton} size="xs" />
+		</div>
+	{/if}
 	{#if hasScript}
 		<ScriptTransformer bind:appInput bind:appComponent />
 		<ScriptRunConfiguration