Update variable names and properties related to pinning to use "frozen" instead.

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -359,19 +359,19 @@ export default function ParameterComponent({
             (info !== "" ? " flex items-center" : "")
           }
         >
-          {!left && data.node?.pinned && (
+          {!left && data.node?.frozen && (
             <div>
               <IconComponent className="h-5 w-5 text-ice" name={"Snowflake"} />
             </div>
           )}
           {proxy ? (
             <ShadTooltip content={<span>{proxy.id}</span>}>
-              <span className={!left && data.node?.pinned ? " text-ice" : ""}>
+              <span className={!left && data.node?.frozen ? " text-ice" : ""}>
                 {title}
               </span>
             </ShadTooltip>
           ) : (
-            <span className={!left && data.node?.pinned ? " text-ice" : ""}>
+            <span className={!left && data.node?.frozen ? " text-ice" : ""}>
               {title}
             </span>
           )}

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -109,7 +109,7 @@ export default function Page({
             ...old.data,
             node: {
               ...old.data.node,
-              pinned: old.data?.node?.pinned ? false : true,
+              frozen: old.data?.node?.frozen ? false : true,
             },
           },
         }));
@@ -491,4 +491,4 @@ export default function Page({
       </main>
     </div>
   );
-}
+}

src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx

@@ -62,7 +62,7 @@ export default function NodeToolbarComponent({
   const isMinimal = numberOfHandles <= 1;
   const isGroup = data.node?.flow ? true : false;
 
-  const pinned = data.node?.pinned ?? false;
+  const frozen = data.node?.frozen ?? false;
   const paste = useFlowStore((state) => state.paste);
   const nodes = useFlowStore((state) => state.nodes);
   const edges = useFlowStore((state) => state.edges);
@@ -280,7 +280,7 @@ export default function NodeToolbarComponent({
                     ...old.data,
                     node: {
                       ...old.data.node,
-                      pinned: old.data?.node?.pinned ? false : true,
+                      frozen: old.data?.node?.frozen ? false : true,
                     },
                   },
                 }));
@@ -291,7 +291,7 @@ export default function NodeToolbarComponent({
                 className={cn(
                   "h-4 w-4 transition-all",
                   // TODO UPDATE THIS COLOR TO BE A VARIABLE
-                  pinned ? "animate-wiggle text-ice" : ""
+                  frozen ? "animate-wiggle text-ice" : ""
                 )}
               />
             </button>

src/frontend/src/stores/flowStore.ts

@@ -190,8 +190,8 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
     get().setNodes((oldNodes) =>
       oldNodes.map((node) => {
         if (node.id === id) {
-          if((node.data as NodeDataType).node?.pinned){
-            (newChange.data as NodeDataType).node!.pinned = false;
+          if ((node.data as NodeDataType).node?.frozen) {
+            (newChange.data as NodeDataType).node!.frozen = false;
           }
           return newChange;
         }

src/frontend/src/types/api/index.ts

@@ -27,7 +27,7 @@ export type APIClassType = {
   documentation: string;
   error?: string;
   official?: boolean;
-  pinned?: boolean;
+  frozen?: boolean;
   flow?: FlowType;
   [key: string]:
     | Array<string>