From cbc097acfd25b568d1b6dd53b2061c833f86e16e Mon Sep 17 00:00:00 2001
From: Philipp Czora <philipp.czora@cloudogu.com>
Date: Thu, 14 Feb 2019 13:09:42 +0100
Subject: [PATCH] Clear autocomplete field after submit or permission scope
 switch

---
 .../permissions/containers/CreatePermissionForm.js    | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js b/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js
index 2c026626ed..989079c717 100644
--- a/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js
+++ b/scm-ui/src/repos/permissions/containers/CreatePermissionForm.js
@@ -62,7 +62,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
         this.props.currentPermissions
       )
     });
-    this.setState({ ...this.state, groupPermission });
+    this.setState({ ...this.state, groupPermission, value: undefined});
   };
 
   loadUserAutocompletion = (inputValue: string) => {
@@ -99,7 +99,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
         <Autocomplete
           loadSuggestions={this.loadGroupAutocompletion}
           valueSelected={this.groupOrUserSelected}
-          value={this.state.value}
+          value={this.state.value ? this.state.value : ""}
           label={t("permission.group")}
           noOptionsMessage={t("permission.autocomplete.no-group-options")}
           loadingMessage={t("permission.autocomplete.loading")}
@@ -111,7 +111,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
       <Autocomplete
         loadSuggestions={this.loadUserAutocompletion}
         valueSelected={this.groupOrUserSelected}
-        value={this.state.value}
+        value={this.state.value ? this.state.value : ""}
         label={t("permission.user")}
         noOptionsMessage={t("permission.autocomplete.no-user-options")}
         loadingMessage={t("permission.autocomplete.loading")}
@@ -245,7 +245,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
   };
 
   removeState = () => {
-    this.setState({
+    this.setState({...this.state,
       name: "",
       verbs: this.props.availablePermissions.availableRoles[0].verbs,
       valid: true,
@@ -255,6 +255,9 @@ class CreatePermissionForm extends React.Component<Props, State> {
 
   handleRoleChange = (role: string) => {
     const selectedRole = this.findAvailableRole(role);
+    if (!selectedRole) {
+      return
+    }
     this.setState({
       verbs: selectedRole.verbs
     });