budibase/packages/builder/src/database/ActionsHeader.svelte

<script>
  import Button from "../common/Button.svelte"
  import ActionButton from "../common/ActionButton.svelte"
  import ButtonGroup from "../common/ButtonGroup.svelte"
  import { store } from "../builderStore"
  import Modal from "../common/Modal.svelte"
  import ErrorsBox from "../common/ErrorsBox.svelte"

  let confirmDelete = false

  const openConfirmDelete = () => {
    confirmDelete = true
  }

  const deleteCurrentNode = () => {
    confirmDelete = false
    store.deleteCurrentNode()
  }
</script>

<div class="root">
  <div class="button-container">
    {#if !$store.currentNodeIsNew}
      <ActionButton alert on:click={deleteCurrentNode}>Delete</ActionButton>
    {/if}

    <ActionButton color="secondary" on:click={store.saveCurrentNode}>
      Save
    </ActionButton>

    <slot />
  </div>

</div>

<style>
  .root {
    display: flex;
    width: 100%;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fafafa;
  }

  .button-container {
    padding: 20px;
  }
</style>