CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-08-10 23:51:24 +12:00
Code Issues Projects Releases Wiki Activity

Use patch when deleting components

Browse source
This commit is contained in:
Andrew Kingston 2022-07-14 16:55:15 +01:00
parent 6368a2aaac
commit 5a12e30f91
1 changed files with 23 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
packages/builder/src/builderStore/store/frontend.js
View file

@ -431,7 +431,7 @@ export const getFrontendStore = () => {
return
}
// Create screen patch function
// Patch screen
const patch = screen => {
// Find the selected component
const currentComponent = findComponent(
@ -492,39 +492,34 @@ export const getFrontendStore = () => {
if (!component) {
return
}
const asset = get(currentAsset)
if (!asset) {
return
}
const state = get(store)
let parentId
// Fetch full definition
component = findComponent(asset.props, component._id)
// Patch screen
const patch = screen => {
// Check component exists
component = findComponent(screen.props, component._id)
if (!component) {
return false
}
// Ensure we aren't deleting the screen slot
if (component._component?.endsWith("/screenslot")) {
throw "You can't delete the screen slot"
}
// Ensure we aren't deleting something that contains the screen slot
const screenslot = findComponentType(
component,
"@budibase/standard-components/screenslot"
)
if (screenslot != null) {
throw "You can't delete a component that contains the screen slot"
}
const parent = findComponentParent(asset.props, component._id)
if (parent) {
// Check component has a valid parent
const parent = findComponentParent(screen.props, component._id)
if (!parent) {
return false
}
parentId = parent._id
parent._children = parent._children.filter(
child => child._id !== component._id
)
store.update(state => {
state.selectedComponentId = parent._id
return state
})
}
await store.actions.preview.saveSelected()
await store.actions.screens.patch(state.selectedScreenId, patch)
// Select the deleted component's parent
store.update(state => {
state.selectedComponentId = parentId
return state
})
},
copy: (component, cut = false, selectParent = true) => {
const selectedAsset = get(currentAsset)