loviuz/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Studio: improve delete button

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-08-12 10:08:10 +02:00
parent 745c3295eb
commit a31ec42b67
1 changed files with 25 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/UI/Studio/DeleteButton.svelte
View file

@ -1,10 +1,9 @@
<script lang="ts"> <script lang="ts">
import { EditJsonState } from "./EditLayerState" import { EditJsonState } from "./EditLayerState"
import BackButton from "../Base/BackButton.svelte"
import { TrashIcon } from "@rgossiaux/svelte-heroicons/solid" import { TrashIcon } from "@rgossiaux/svelte-heroicons/solid"
import NextButton from "../Base/NextButton.svelte" import NextButton from "../Base/NextButton.svelte"
import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
let deleteState: "init" | "confirm" = "init"
export let backToStudio: () => void export let backToStudio: () => void
export let state: EditJsonState export let state: EditJsonState
@ -16,32 +15,28 @@
} }
</script> </script>
<div class="mt-12"> <AccordionSingle>
{#if deleteState === "init"} <div slot="header" class="flex gap-x-2">
<button
on:click={() => {
deleteState = "confirm"
}}
class="small"
>
<TrashIcon class="h-6 w-6" /> <TrashIcon class="h-6 w-6" />
Delete this {objectType} Delete this {objectType}
</button> </div>
{:else if deleteState === "confirm"}
<div class="flex"> <div class="flex flex-col">
<BackButton <div>
on:click={() => { Deleting this layer will delete your version. If you clicked a layer made by someone else, their version will
deleteState = "init" remain.
}}
> If you ever accidentally delete a layer, contact Pietervdvn. He might have a backup
Don't delete </div>
</BackButton>
<NextButton clss="primary" on:click={() => deleteLayer()}> <NextButton clss="primary" on:click={() => deleteLayer()}>
<div class="alert flex p-2"> <div class="alert flex p-2">
<TrashIcon class="h-6 w-6" /> <TrashIcon class="h-6 w-6" />
Do delete this {objectType} Do delete this {objectType}
</div> </div>
</NextButton> </NextButton>
</div> </div>
{/if}
</div> </AccordionSingle>