From 642662c8bc9308dd531a7a51af3217a8ef7488a0 Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Thu, 17 Sep 2020 22:02:30 +0100
Subject: [PATCH] fix transition dropdown bug

---
 packages/builder/src/builderStore/store/backend.js    |  5 +++++
 .../builder/src/components/common/Dropzone.svelte     |  4 ++--
 .../database/DataTable/modals/CreateEditRecord.svelte | 11 ++++-------
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/builder/src/builderStore/store/backend.js b/packages/builder/src/builderStore/store/backend.js
index fec21a467e..3835f44d64 100644
--- a/packages/builder/src/builderStore/store/backend.js
+++ b/packages/builder/src/builderStore/store/backend.js
@@ -28,6 +28,11 @@ export const getBackendUiStore = () => {
       },
     },
     records: {
+      save: () =>
+        store.update(state => {
+          state.selectedView = state.selectedView
+          return state
+        }),
       delete: () =>
         store.update(state => {
           state.selectedView = state.selectedView
diff --git a/packages/builder/src/components/common/Dropzone.svelte b/packages/builder/src/components/common/Dropzone.svelte
index 58c4bbd678..a36a40c6d7 100644
--- a/packages/builder/src/components/common/Dropzone.svelte
+++ b/packages/builder/src/components/common/Dropzone.svelte
@@ -2,7 +2,6 @@
   import { Heading, Body, Button } from "@budibase/bbui"
   import { FILE_TYPES } from "constants/backend"
   import api from "builderStore/api"
-  import { fade } from "svelte/transition"
 
   export let files = []
 
@@ -80,9 +79,10 @@
   on:dragenter={handleDragOver}
   on:drop={handleDrop}
   class:fileDragged>
+
   <ul>
     {#if selectedImage}
-      <li transition:fade>
+      <li>
         <header>
           <div>
             <i
diff --git a/packages/builder/src/components/database/DataTable/modals/CreateEditRecord.svelte b/packages/builder/src/components/database/DataTable/modals/CreateEditRecord.svelte
index ab2ce324eb..8edecd913c 100644
--- a/packages/builder/src/components/database/DataTable/modals/CreateEditRecord.svelte
+++ b/packages/builder/src/components/database/DataTable/modals/CreateEditRecord.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { onMount } from "svelte"
+  import { onMount, tick } from "svelte"
   import { store, backendUiStore } from "builderStore"
   import { notifier } from "builderStore/store/notifications"
   import { compose, map, get, flatten } from "lodash/fp"
@@ -34,12 +34,9 @@
       return
     }
 
-    backendUiStore.update(state => {
-      state.selectedView = state.selectedView
-      onClosed()
-      notifier.success("Record saved successfully.")
-      return state
-    })
+    onClosed()
+    notifier.success("Record saved successfully.")
+    backendUiStore.actions.records.save(recordResponse)
   }
 </script>