fix: refresh the user table by validating user creation alert

src/CollapsableRightPanel.js

@@ -50,6 +50,7 @@ class CollapsableRightPanel extends Component {
                         server={this.props.server}
                         token={this.props.token}
                         refresh={this.props.refresh}
+                        refreshRightPanel={this.props.refreshRightPanel}
                         isEmailAvailable={this.props.isEmailAvailable}
                         onTabSelected={this.props.onTabSelected}
                     />

src/CreateUserRightPanel.js

@@ -194,6 +194,11 @@ class CreateUserRightPanel extends Component {
 
     isName = query => query.length > 1;
 
+    onInfoMessageValidate = () => {
+        this.props.refreshRightPanel();
+        this.dismissInfoMessage();
+    };
+
     render() {
         const { t } = this.props;
 
@@ -233,7 +238,7 @@ class CreateUserRightPanel extends Component {
         const bottomWell = this.state.infoMessage ? (
             <Alert
                 variant={this.state.message.type}
-                onClose={this.dismissInfoMessage}
+                onClose={this.onInfoMessageValidate}
                 dismissible
             >
                 <h4>{this.state.message.title}</h4>
@@ -241,7 +246,7 @@ class CreateUserRightPanel extends Component {
                 <p>
                     <Button
                         variant={this.state.message.type}
-                        onClick={this.dismissInfoMessage}
+                        onClick={this.onInfoMessageValidate}
                     >
                         Ok
                     </Button>

src/DataToTable.js

@@ -247,9 +247,7 @@ class DataToTable extends Component {
 
         if (this.state.update) {
             this.findDataByPrimaryKey(this.state.update);
-            this.setState({
-                update: false,
-            });
+            this.setState({ update: false });
         }
         this.setState({ finish: true });
     };