From d3382dfe7b88dfd7f48d5ebeaa85d7aa60428785 Mon Sep 17 00:00:00 2001
From: "Bryson G." <bryson.glembin@gmail.com>
Date: Fri, 7 Feb 2025 09:28:26 -0800
Subject: [PATCH] fix: variables display bug

---
 .../components/NodeTypes/DataGroupComponents/Variables.tsx  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/app/(authenticated)/[tenantId]/(diagram)/components/NodeTypes/DataGroupComponents/Variables.tsx b/dashboard/src/app/(authenticated)/[tenantId]/(diagram)/components/NodeTypes/DataGroupComponents/Variables.tsx
index f12903041..b5ec5b2cc 100644
--- a/dashboard/src/app/(authenticated)/[tenantId]/(diagram)/components/NodeTypes/DataGroupComponents/Variables.tsx
+++ b/dashboard/src/app/(authenticated)/[tenantId]/(diagram)/components/NodeTypes/DataGroupComponents/Variables.tsx
@@ -14,6 +14,8 @@ import { VARIABLE_TYPES } from "@/app/constants";
 
 export function ViewVariables({ variables }: { variables: VarNameAndVal[] }) {
 
+    console.log(variables)
+
     return (
         <Dialog>
             <DialogTrigger asChild>
@@ -22,10 +24,10 @@ export function ViewVariables({ variables }: { variables: VarNameAndVal[] }) {
             <DialogContent>
                 <div className="flex flex-col gap-3 w-fit max-h-[300px] overflow-y-auto">
                     {variables.map((variable) => {
-                        const variableType = VARIABLE_TYPES[Object.keys(variable.value!)[0].toUpperCase() as keyof typeof VARIABLE_TYPES]
+                        const variableType = VARIABLE_TYPES[Object.keys(variable.value!)[0]?.toUpperCase() as keyof typeof VARIABLE_TYPES]
                         return (
                             <div key={variable.varName} className="w-full flex gap-1 items-center">
-                                <div className="rounded-lg flex items-center justify-center bg-yellow-100 p-1 text-xs font-semibold border border-black h-full">{variableType}</div>
+                                {variableType && <div className="rounded-lg flex items-center justify-center bg-yellow-100 p-1 text-xs font-semibold border border-black h-full">{variableType}</div>}
                                 <p className="text-xs font-bold text-purple-500 border text-center border-purple-500 rounded-lg p-2">{variable.varName}</p>
                                 <p> = </p>
                                 <div className={"px-2 border h-8 rounded-lg text-center max-w-96 text-nowrap min-h-5"} >