From 27c205fb0fc2441481422d7fe41d028aa4d07d98 Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 10 May 2021 13:54:52 +0200
Subject: [PATCH] Allow form to be disabled

---
 src/Form.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Form.svelte b/src/Form.svelte
index 332d7a5ee..2c73d12f1 100644
--- a/src/Form.svelte
+++ b/src/Form.svelte
@@ -13,7 +13,8 @@
   import { capitalize } from '@app/utils';
 
   export let fields: Field[];
-  export let editable = false ;
+  export let editable = false;
+  export let disabled = false;
 
   const dispatch = createEventDispatcher();
   const save = () => dispatch('save', fields);
@@ -83,17 +84,17 @@
     </div>
     <div>
       <input name={field.name} class="field" placeholder={field.placeholder}
-             disabled={!field.editable || !editable} bind:value={field.value}
+             disabled={!field.editable || !editable || disabled} bind:value={field.value}
              type="text" />
     </div>
   {/each}
 </div>
 
 <div class="actions" class:editable>
-  <button on:click={cancel} class="small">
+  <button on:click={cancel} {disabled} class="small">
     Cancel
   </button>
-  <button on:click={save} class="small primary">
+  <button on:click={save} {disabled} class="small primary">
     Save
   </button>
 </div>