fix: update minimized component outdated design (#4896)

* Fix nodeStatus to show only when showNode is true

* Removed unused classes and made update not appear wrong on minimized components

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

@@ -190,7 +190,7 @@ export default function NodeStatus({
     return "Run component";
   };
 
-  return (
+  return showNode ? (
     <>
       <div className="flex flex-shrink-0 items-center">
         <div className="flex items-center gap-2 self-center">
@@ -284,5 +284,7 @@ export default function NodeStatus({
         </ShadTooltip>
       </div>
     </>
+  ) : (
+    <></>
   );
 }

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

@@ -341,10 +341,8 @@ export default function GenericNode({
       <div
         className={cn(
           borderColor,
-          showNode
+          showNode ? "w-80" : `w-48`,
-            ? "w-80 rounded-xl shadow-sm hover:shadow-md"
+          "generic-node-div group/node relative rounded-xl shadow-sm hover:shadow-md",
-            : `h-[4.065rem] w-48 rounded-[0.75rem] ${!selected ? "border-[1px] border-border ring-[0.5px] ring-border" : ""}`,
-          "generic-node-div group/node relative",
           !hasOutputs && "pb-4",
         )}
       >
@@ -357,8 +355,9 @@ export default function GenericNode({
               className="h-[18px] w-[18px] shrink-0"
             />
             <span className="flex-1 truncate text-sm font-medium">
-              Update Ready
+              {showNode && "Update Ready"}
             </span>
+
             <Button
               variant="warning"
               size="iconMd"
@@ -424,7 +423,6 @@ export default function GenericNode({
                 </>
               )}
             </div>
-            {showNode && (
             <NodeStatus
               data={data}
               frozen={data.node?.frozen}
@@ -438,7 +436,6 @@ export default function GenericNode({
               isUserEdited={isUserEdited}
               getValidationStatus={getValidationStatus}
             />
-            )}
           </div>
           {showNode && (
             <div>