From 20ff5e4121c6a820ef6369f7db8600df8b507345 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhem@mbp-de-windmill.home>
Date: Wed, 16 Oct 2024 15:40:11 +0200
Subject: [PATCH] add chevron istead of toogle

---
 .../renderers/triggers/TriggersWrapper.svelte | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte b/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte
index f3984f73e5..6b5fcdf819 100644
--- a/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte
+++ b/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Calendar, Mail, Webhook, Square } from 'lucide-svelte'
+	import { Calendar, Mail, Webhook, Square, ChevronDown, ChevronRight } from 'lucide-svelte'
 	import TriggerButton from './TriggerButton.svelte'
 	import { NODE } from '../../util'
 	import { HttpTriggerService, ScheduleService } from '$lib/gen'
@@ -16,7 +16,6 @@
 	import type { GraphEventHandlers } from '../../graphBuilder'
 	import { twMerge } from 'tailwind-merge'
 	import MapItem from '../../../flows/map/MapItem.svelte'
-	import Toggle from '$lib/components/Toggle.svelte'
 	import { fade, scale } from 'svelte/transition'
 	import { flip } from 'svelte/animate'
 
@@ -241,14 +240,18 @@
 
 				{#if data.flowIsSimplifiable}
 					<div class="grow-0 center-center">
-						<Toggle
-							size="xs"
-							label="Simplify view"
-							bind:checked={simplifiedTriggers}
-							on:change={(e) => {
-								e.stopPropagation()
+						<button
+							class="flex items-center text-xs"
+							on:click={() => {
+								simplifiedTriggers = !simplifiedTriggers
 							}}
-						/>
+						>
+							{#if !simplifiedTriggers}
+								<ChevronDown class="ml-1" size={14} />
+							{:else}
+								<ChevronRight class="ml-1" size={14} />
+							{/if}
+						</button>
 					</div>
 				{/if}