CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-16 11:45:47 +12:00
Code Issues Projects Releases Wiki Activity

Lint and fix size of S3 upload component overlay

Browse source
This commit is contained in:
Andrew Kingston 2022-01-14 09:20:20 +00:00
parent 73f2c9bd35
commit 0b0618aa84
3 changed files with 26 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/client/src/api/attachments.js
View file

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

45
packages/client/src/components/app/forms/S3Upload.svelte
View file

@ -98,29 +98,34 @@
bind:fieldApi bind:fieldApi
defaultValue={[]} 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> </Field>
<style> <style>
.content {
position: relative;
}
.overlay, .overlay,
.loading { .loading {
position: absolute; position: absolute;

1
packages/client/src/utils/buttonActions.js
View file

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