MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve style of data import modal

This commit is contained in:
Andrew Kingston 2022-01-25 08:22:53 +00:00
parent 275520698f
commit c1595f7884
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/builder/src/components/backend/DataTable/modals/ImportModal.svelte
View File

@ -1,5 +1,11 @@
<script> <script>
import { ModalContent, Label, notifications, Body } from "@budibase/bbui" import {
ModalContent,
Label,
notifications,
Body,
Layout,
} from "@budibase/bbui"
import TableDataImport from "../../TableNavigator/TableDataImport.svelte" import TableDataImport from "../../TableNavigator/TableDataImport.svelte"
import { API } from "api" import { API } from "api"
import { createEventDispatcher } from "svelte" import { createEventDispatcher } from "svelte"
@ -33,12 +39,14 @@
onConfirm={importData} onConfirm={importData}
disabled={!valid} disabled={!valid}
> >
<Body <Body size="S">
>Import rows to an existing table from a CSV. Only columns from the CSV Import rows to an existing table from a CSV. Only columns from the CSV which
which exist in the table will be imported.</Body exist in the table will be imported.
> </Body>
<Layout gap="XS" noPadding>
<Label grey extraSmall>CSV to import</Label> <Label grey extraSmall>CSV to import</Label>
<TableDataImport bind:dataImport bind:existingTableId={tableId} /> <TableDataImport bind:dataImport bind:existingTableId={tableId} />
</Layout>
</ModalContent> </ModalContent>
<style> <style>