aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2023-12-06 22:54:43 -0500
committerbobzel <zzzman@gmail.com>2023-12-06 22:54:43 -0500
commitdf4c0931b6596d7b43a091f7ab5474d47c4f4ab4 (patch)
tree4655c8c7e26df700cdb7975c2580e3d71b24fa13 /src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
parentcd9ad39d3a1cafc410c7a04ce6ed44cc926175de (diff)
cleanup
Diffstat (limited to 'src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx')
-rw-r--r--src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx20
1 files changed, 10 insertions, 10 deletions
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
index bf47820a1..baf91da32 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormInfoState.tsx
@@ -23,7 +23,9 @@ export interface CollectionFreeFormInfoStateProps {
@observer
export class CollectionFreeFormInfoState extends React.Component<CollectionFreeFormInfoStateProps> {
_disposers: IReactionDisposer[] = [];
- componentDidMount(): void {
+
+ clearState = () => this._disposers.map(disposer => disposer());
+ initState = () => {
this._disposers = this.props.state.Arcs.map(arc =>
reaction(
() => arc.events(),
@@ -31,19 +33,17 @@ export class CollectionFreeFormInfoState extends React.Component<CollectionFreeF
{ fireImmediately: true }
)
);
+ };
+
+ componentDidMount(): void {
+ this.initState();
}
componentWillUpdate() {
- this._disposers.map(disposer => disposer());
- this._disposers = this.props.state.Arcs.map(arc =>
- reaction(
- () => arc.events(),
- args => arc.actions(args),
- { fireImmediately: true }
- )
- );
+ this.clearState();
+ this.initState();
}
componentWillUnmount(): void {
- this._disposers.map(disposer => disposer());
+ this.clearState();
}
render() {
return <div className="infoUI">{this.props.state.Message}</div>;