From ae21d5c5057fe52be5a3fabf86cd3cf4c2a44982 Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Mon, 29 Jun 2020 10:10:41 +0200
Subject: [PATCH] adds edit/save mode to update user list

---
 .../src/components/settings/UserRow.svelte    | 24 ++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/settings/UserRow.svelte b/packages/builder/src/components/settings/UserRow.svelte
index 560b72c125..eff86f55cb 100644
--- a/packages/builder/src/components/settings/UserRow.svelte
+++ b/packages/builder/src/components/settings/UserRow.svelte
@@ -3,15 +3,33 @@
   const dispatch = createEventDispatcher()
   import { Input, Select, Button } from "@budibase/bbui"
   export let user
+
+  let editMode = false
 </script>
 
 <div class="inputs">
-  <Input thin bind:value={user.username} name="Name" placeholder="Username" />
-  <Select bind:value={user.accessLevelId} thin>
+  <Input
+    disabled={!editMode}
+    thin
+    bind:value={user.username}
+    name="Name"
+    placeholder="Username" />
+  <Select disabled={editMode} bind:value={user.accessLevelId} thin>
     <option value="ADMIN">Admin</option>
     <option value="POWER_USER">Power User</option>
   </Select>
-  <Button on:click={() => dispatch('save', user)}>Edit</Button>
+  {#if editMode}
+    <Button
+      blue
+      on:click={() => {
+        dispatch('save', user)
+        editMode = false
+      }}>
+      Save
+    </Button>
+  {:else}
+    <Button secondary on:click={() => (editMode = true)}>Edit</Button>
+  {/if}
 </div>
 
 <style>