Lint and fix size of S3 upload component overlay

packages/client/src/api/attachments.js

@@ -1,5 +1,4 @@
 import API from "./api"
-import { notificationStore } from "../stores/index.js"
 
 /**
  * Uploads an attachment to the server.
@@ -40,7 +39,7 @@ export const externalUpload = async (datasourceId, bucket, key, data) => {
     json: false,
     external: true,
   })
-  if (res.error) {
+  if (res?.error) {
     throw "Could not upload file to signed URL"
   }
 }

packages/client/src/components/app/forms/S3Upload.svelte

@@ -98,29 +98,34 @@
   bind:fieldApi
   defaultValue={[]}
 >
-  {#if fieldState}
+  <div class="content">
-    <CoreDropzone
+    {#if fieldState}
-      value={fieldState.value}
+      <CoreDropzone
-      disabled={loading || fieldState.disabled}
+        value={fieldState.value}
-      error={fieldState.error}
+        disabled={loading || fieldState.disabled}
-      on:change={e => {
+        error={fieldState.error}
-        fieldApi.setValue(e.detail)
+        on:change={e => {
-      }}
+          fieldApi.setValue(e.detail)
-      {processFiles}
+        }}
-      {handleFileTooLarge}
+        {processFiles}
-      maximum={1}
+        {handleFileTooLarge}
-      fileSizeLimit={MaxFileSize}
+        maximum={1}
-    />
+        fileSizeLimit={MaxFileSize}
-  {/if}
+      />
-  {#if loading}
+    {/if}
-    <div class="overlay" />
+    {#if loading}
-    <div class="loading">
+      <div class="overlay" />
-      <ProgressCircle />
+      <div class="loading">
-    </div>
+        <ProgressCircle />
-  {/if}
+      </div>
+    {/if}
+  </div>
 </Field>
 
 <style>
+  .content {
+    position: relative;
+  }
   .overlay,
   .loading {
     position: absolute;

packages/client/src/utils/buttonActions.js

@@ -6,7 +6,6 @@ import {
   authStore,
   stateStore,
   uploadStore,
-  notificationStore,
 } from "stores"
 import { saveRow, deleteRow, executeQuery, triggerAutomation } from "api"
 import { ActionTypes } from "constants"