From 05433d68d27435b5f287f0bebf38935e25f2f5a6 Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Wed, 19 Mar 2025 09:33:36 -0700
Subject: [PATCH] =?UTF-8?q?set=20login=20block=20to=20add=20a=20credential?=
 =?UTF-8?q?=20parameter=20when=20new=20credential=20is=20=E2=80=A6=20(#196?=
 =?UTF-8?q?9)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../LoginNode/LoginBlockCredentialSelector.tsx     | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx
index f0b0c2e5..6f49164c 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginBlockCredentialSelector.tsx
@@ -35,12 +35,12 @@ function LoginBlockCredentialSelector({ value, onChange }: Props) {
       parameter.dataType === "credential_id",
   );
   const isCloud = useContext(CloudContext);
-  const { data: credentials = [], isLoading } = useCredentialsQuery({
+  const { data: credentials = [], isFetching } = useCredentialsQuery({
     enabled: isCloud,
   });
   const noneItemValue = useId();
 
-  if (isCloud && isLoading) {
+  if (isCloud && isFetching) {
     return <Skeleton className="h-8 w-full" />;
   }
 
@@ -135,6 +135,16 @@ function LoginBlockCredentialSelector({ value, onChange }: Props) {
       <CredentialsModal
         onCredentialCreated={(id) => {
           onChange?.(id);
+          setWorkflowParameters((prev) => {
+            return [
+              ...prev,
+              {
+                parameterType: "credential",
+                credentialId: id,
+                key: id,
+              },
+            ];
+          });
         }}
       />
     </>