From 07deaad202e431b4fe35567dd6aea7ceaa353c62 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 8 Aug 2022 09:25:54 +0200
Subject: [PATCH] New Postgres SQL query

---
 .../lib/components/flows/FlowInputs.svelte    | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/flows/FlowInputs.svelte b/frontend/src/lib/components/flows/FlowInputs.svelte
index 62f99f79de..8a99ef8ed7 100644
--- a/frontend/src/lib/components/flows/FlowInputs.svelte
+++ b/frontend/src/lib/components/flows/FlowInputs.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { RawScript } from '$lib/gen'
 
-	import { faCode } from '@fortawesome/free-solid-svg-icons'
+	import { faCode, faRepeat } from '@fortawesome/free-solid-svg-icons'
 	import { createEventDispatcher } from 'svelte'
 	import FlowScriptPicker from './pickers/FlowScriptPicker.svelte'
 	import PickHubScript from './pickers/PickHubScript.svelte'
@@ -16,20 +16,34 @@
 	<PickScript {isTrigger} on:pick />
 	<PickHubScript {isTrigger} on:pick />
 	<FlowScriptPicker
-		label="New Typescript {isTrigger ? 'trigger ' : ''}script (Deno)"
+		label={`Create a for-loop here (coming soon)`}
+		disabled={true}
+		icon={faRepeat}
+		iconColor="text-blue-500"
+	/>
+
+	<FlowScriptPicker
+		label={`New Postgres SQL query`}
 		icon={faCode}
 		iconColor="text-blue-800"
-		on:click={() => dispatch('new', { language: RawScript.language.DENO })}
+		on:click={() => dispatch('pick', { path: 'hub/130/execute_custom_query_postgresql' })}
 	/>
 
 	<FlowScriptPicker
 		disabled={isTrigger}
 		label="New Python {isTrigger ? 'trigger ' : ''}script (3.10)"
 		icon={faCode}
-		iconColor="text-yellow-500"
+		iconColor="text-green-500"
 		on:click={() => dispatch('new', { language: RawScript.language.PYTHON3 })}
 		tooltip={isTrigger
 			? 'Python is not supported for trigger scripts yet but is supported for every other steps'
 			: undefined}
 	/>
+
+	<FlowScriptPicker
+		label="New Typescript {isTrigger ? 'trigger ' : ''}script (Deno)"
+		icon={faCode}
+		iconColor="text-blue-800"
+		on:click={() => dispatch('new', { language: RawScript.language.DENO })}
+	/>
 </div>