From a494975e69da983aba795432da668644e13dc809 Mon Sep 17 00:00:00 2001
From: Mike <lplit@users.noreply.github.com>
Date: Thu, 29 Sep 2022 14:51:41 +0200
Subject: [PATCH] feat: add iterator expression tooltip (#638)

---
 .../src/lib/components/flows/content/FlowLoop.svelte   | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/flows/content/FlowLoop.svelte b/frontend/src/lib/components/flows/content/FlowLoop.svelte
index 2c345eb0be..35415139ce 100644
--- a/frontend/src/lib/components/flows/content/FlowLoop.svelte
+++ b/frontend/src/lib/components/flows/content/FlowLoop.svelte
@@ -3,8 +3,8 @@
 	import FlowCard from '../common/FlowCard.svelte'
 	import type { FlowEditorContext } from '../types'
 	import Toggle from '$lib/components/Toggle.svelte'
-
 	import SimpleEditor from '$lib/components/SimpleEditor.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
 	import { flowStore } from '../flowStore'
 
 	const { selectedId } = getContext<FlowEditorContext>('FlowEditorContext')
@@ -16,7 +16,13 @@
 	<div>
 		<div class="p-6 flex flex-col">
 			{#if $flowStore.value.modules[index].value.type === 'forloopflow'}
-				<span class="mb-2 text-sm font-bold">Iterator expression</span>
+				<span class="mb-2 text-sm font-bold"
+					>Iterator expression
+					<Tooltip>
+						List to iterate over. For more information see the
+						<a href="https://docs.windmill.dev/docs/getting_started/flows#for-loops">docs.</a>
+					</Tooltip>
+				</span>
 				<SimpleEditor
 					lang="javascript"
 					bind:code={$flowStore.value.modules[index].value.iterator.expr}