diff --git a/src/renderer/components/node/NodeFooter/Timer.tsx b/src/renderer/components/node/NodeFooter/Timer.tsx
index 78563e107..f66f19ec7 100644
--- a/src/renderer/components/node/NodeFooter/Timer.tsx
+++ b/src/renderer/components/node/NodeFooter/Timer.tsx
@@ -63,6 +63,7 @@ export const Timer = memo(({ time }: TimerProps) => {
closeOnClick={false}
gutter={24}
label={`Execution took approximately ${joinEnglish(longParts)}.`}
+ openDelay={150}
px={2}
textAlign="center"
>
diff --git a/src/renderer/components/node/NodeFooter/ValidityIndicator.tsx b/src/renderer/components/node/NodeFooter/ValidityIndicator.tsx
index 513110a12..46fcae184 100644
--- a/src/renderer/components/node/NodeFooter/ValidityIndicator.tsx
+++ b/src/renderer/components/node/NodeFooter/ValidityIndicator.tsx
@@ -15,80 +15,63 @@ interface ValidityIndicatorProps {
export const ValidityIndicator = memo(({ validity, animated }: ValidityIndicatorProps) => {
const { paused } = useContext(ExecutionStatusContext);
- // eslint-disable-next-line no-nested-ternary
- return animated ? (
- paused ? (
-
-
-
-
-
-
-
- ) : (
-
-
-
-
-
- )
- ) : (
-
- {validity.isValid ? 'Node valid' : validity.reason}
-
- }
- px={2}
- textAlign="center"
- >
-
+ let icon;
+ let text;
+ if (animated) {
+ if (paused) {
+ text = 'This node is currently paused';
+ icon = (
+ );
+ } else {
+ text = 'This node is currently running...';
+ icon = ;
+ }
+ } else {
+ text = validity.isValid ? 'Node valid' : validity.reason;
+ icon = (
+
+
+ );
+ }
+
+ return (
+ {text}}
+ openDelay={150}
+ px={2}
+ textAlign="center"
+ >
+ {icon}
);
});