Elgato_dark/argo-cd
1
0
Fork 0
mirror of https://github.com/argoproj/argo-cd synced 2026-04-21 08:57:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 14

refactor: Move NodeUpdateAnimation to functional from classes (#27382)

Browse source 
Signed-off-by: alexrecuenco <26118630+alexrecuenco@users.noreply.github.com>
This commit is contained in:
Alex Recuenco 2026-04-16 16:22:12 +02:00 committed by GitHub
parent e6aa9059dd
commit 6bf97ec1fd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 14 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
ui/src/app/applications/components/application-resource-tree/node-update-animation.tsx
View file

@ -1,18 +1,17 @@
import * as React from 'react';
export class NodeUpdateAnimation extends React.PureComponent<{resourceVersion: string}, {ready: boolean}> {
constructor(props: {resourceVersion: string}) {
super(props);
this.state = {ready: false};
}
/**
* When the resource version changes, we want to trigger an animation to indicate that the resource has been updated. This component will be rendered as a child of the node and will update itself when the resource version changes leading to a re-render, which triggers the animation.
* @param props Resource version
* @returns
*/
export const NodeUpdateAnimation = (props: {resourceVersion: string}) => {
const [animate, setAnimation] = React.useState(false);
React.useEffect(() => {
return () => {
setAnimation(true);
};
}, [props.resourceVersion]);
public render() {
return this.state.ready && <div key={this.props.resourceVersion} className='application-resource-tree__node-animation' />;
}
public componentDidUpdate(prevProps: {resourceVersion: string}) {
if (prevProps.resourceVersion && this.props.resourceVersion !== prevProps.resourceVersion) {
this.setState({ready: true});
}
}
}
return animate && <div key={props.resourceVersion} className='application-resource-tree__node-animation' />;
};