bump bbui and add DangerZone design
This commit is contained in:
parent
dc08455489
commit
1c524f1f68
2 changed files with 44 additions and 2 deletions
|
@ -39,7 +39,7 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@beyonk/svelte-notifications": "^2.0.3",
|
"@beyonk/svelte-notifications": "^2.0.3",
|
||||||
"@budibase/bbui": "^1.7.1",
|
"@budibase/bbui": "^1.7.2",
|
||||||
"@budibase/client": "^0.0.32",
|
"@budibase/client": "^0.0.32",
|
||||||
"@nx-js/compiler-util": "^2.0.0",
|
"@nx-js/compiler-util": "^2.0.0",
|
||||||
"codemirror": "^5.51.0",
|
"codemirror": "^5.51.0",
|
||||||
|
|
|
@ -1 +1,43 @@
|
||||||
Danger
|
<script>
|
||||||
|
import { Input, TextArea, Button } from "@budibase/bbui"
|
||||||
|
let value = ""
|
||||||
|
let loading = false
|
||||||
|
|
||||||
|
const deleteApp = () => {
|
||||||
|
loading = true
|
||||||
|
// Do stuff here to delete app!
|
||||||
|
// Navigate to start
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="background">
|
||||||
|
<Input
|
||||||
|
on:change={e => (value = e.target.value)}
|
||||||
|
on:input={e => (value = e.target.value)}
|
||||||
|
thin
|
||||||
|
disabled={loading}
|
||||||
|
placeholder="Enter your name"
|
||||||
|
label="Type DELETE into the textbox, then click the following button to
|
||||||
|
delete your web app:" />
|
||||||
|
|
||||||
|
<Button
|
||||||
|
disabled={value !== 'DELETE' || loading}
|
||||||
|
primary
|
||||||
|
wide
|
||||||
|
on:click={deleteApp}>
|
||||||
|
Delete Entire Web App
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.background {
|
||||||
|
display: grid;
|
||||||
|
grid-gap: 16px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: var(--light-grey);
|
||||||
|
padding: 12px 12px 18px 12px;
|
||||||
|
}
|
||||||
|
.background :global(button) {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue