From 8b768acbe98f5f79bc5f46b61f1745bf1f7edf9d Mon Sep 17 00:00:00 2001
From: Max <m.giller@tu-braunschweig.de>
Date: Wed, 27 Jul 2022 19:27:46 +0200
Subject: [PATCH] Sync commit
---
src/editor/js/components/nodetypeentry.tsx | 15 +++++++++++++--
1 file changed, 13 insertions(+), 2 deletions(-)
diff --git a/src/editor/js/components/nodetypeentry.tsx b/src/editor/js/components/nodetypeentry.tsx
index 42fa108..41c3ab1 100644
--- a/src/editor/js/components/nodetypeentry.tsx
+++ b/src/editor/js/components/nodetypeentry.tsx
@@ -9,12 +9,19 @@ type propTypes = {
type: NodeType;
onChange: { (): void };
};
+type stateTypes = {
+ temporaryColor: string;
+};
-export class NodeTypeEntry extends React.Component<propTypes> {
+export class NodeTypeEntry extends React.Component<propTypes, stateTypes> {
constructor(props: propTypes) {
super(props);
this.deleteType = this.deleteType.bind(this);
this.handleTextChange = this.handleTextChange.bind(this);
+
+ this.setState({
+ temporaryColor: undefined,
+ });
}
private deleteType() {
@@ -69,7 +76,11 @@ export class NodeTypeEntry extends React.Component<propTypes> {
<input
className="node-type-color"
type={"text"}
- value={this.props.type.color}
+ value={
+ this.state.temporaryColor
+ ? this.state.temporaryColor
+ : this.props.type.color
+ }
onChange={(event) => this.handleTextChange(event, "color")}
/>
{this.props.graph && this.props.graph.types.length > 1 ? (
--
GitLab