Added delete confirmation dialogs for Prompts, Tools, and Functions.

This commit is contained in:
rdavis
2024-06-24 22:50:35 -05:00
parent 16a8eebd8d
commit 263d4bf496
3 changed files with 57 additions and 5 deletions
+19 -2
View File
@@ -10,6 +10,7 @@
import { goto } from '$app/navigation';
import PromptMenu from './Prompts/PromptMenu.svelte';
import EllipsisHorizontal from '../icons/EllipsisHorizontal.svelte';
import DeleteConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
const i18n = getContext('i18n');
@@ -17,6 +18,9 @@
let query = '';
let promptsImportInputElement: HTMLInputElement;
let showDeleteConfirm = false;
let deletePrompt = null;
const shareHandler = async (prompt) => {
toast.success($i18n.t('Redirecting you to OpenWebUI Community'));
@@ -154,8 +158,9 @@
exportHandler={() => {
exportHandler(prompt);
}}
deleteHandler={async () => {
deleteHandler(prompt);
deleteHandler={async () => {
deletePrompt = prompt;
showDeleteConfirm = true;
}}
onClose={() => {}}
>
@@ -301,3 +306,15 @@
</div>
</a>
</div>
<DeleteConfirmDialog
bind:show={showDeleteConfirm}
title={$i18n.t('Delete prompt?')}
on:confirm={() => {
deleteHandler(deletePrompt);
}}
>
<div class=" text-sm text-gray-500">
{$i18n.t('This will delete')} <span class=" font-semibold">{deletePrompt.command}</span>.
</div>
</DeleteConfirmDialog>