forked from open-webui/open-webui
		
	Checking for clearing chat history
This commit is contained in:
		
							parent
							
								
									b3da9b0063
								
							
						
					
					
						commit
						959ab8e2d8
					
				
					 1 changed files with 84 additions and 21 deletions
				
			
		|  | @ -24,6 +24,8 @@ | |||
| 
 | ||||
| 	let showDropdown = false; | ||||
| 
 | ||||
|   let showWarningHistory = false; | ||||
| 
 | ||||
| 	onMount(async () => { | ||||
| 		if (window.innerWidth > 1280) { | ||||
| 			show = true; | ||||
|  | @ -447,13 +449,73 @@ | |||
| 						<div class=" self-center">Export</div> | ||||
| 					</button> | ||||
| 				</div> | ||||
|         {#if showWarningHistory} | ||||
|           <div class="flex justify-between rounded-md items-center py-3 px-3.5 w-full transition"> | ||||
|             <div class="flex items-center"> | ||||
|               <svg  | ||||
|                 xmlns="http://www.w3.org/2000/svg" | ||||
|                 fill="none" | ||||
|                 viewBox="0 0 24 24" | ||||
|                 stroke-width="1.5" | ||||
|                 stroke="currentColor" | ||||
|                 class="w-5 h-5 mr-3" | ||||
|               > | ||||
|                 <path | ||||
|                   stroke-linecap="round" | ||||
|                   stroke-linejoin="round" | ||||
|                   d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" | ||||
|                 /> | ||||
|               </svg> | ||||
|               <span class="text-red-500">Are you sure?</span> | ||||
|             </div> | ||||
|              | ||||
|             <div class="flex space-x-1.5 items-center"> | ||||
|               <button | ||||
|                 class="hover:text-white transition" | ||||
|                 on:click={() => { | ||||
|                   deleteChatHistory(); | ||||
|                   showWarningHistory = false; | ||||
|                 }} | ||||
|               > | ||||
|                 <svg | ||||
|                   xmlns="http://www.w3.org/2000/svg" | ||||
|                   viewBox="0 0 20 20" | ||||
|                   fill="currentColor" | ||||
|                   class="w-4 h-4" | ||||
|                 > | ||||
|                   <path | ||||
|                     fill-rule="evenodd" | ||||
|                     d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" | ||||
|                     clip-rule="evenodd" | ||||
|                   /> | ||||
|                 </svg> | ||||
|               </button> | ||||
|               <button | ||||
|                 class="hover:text-white transition" | ||||
|                 on:click={() => { | ||||
|                   showWarningHistory = false; | ||||
|                 }} | ||||
|               > | ||||
|                 <svg | ||||
|                   xmlns="http://www.w3.org/2000/svg" | ||||
|                   viewBox="0 0 20 20" | ||||
|                   fill="currentColor" | ||||
|                   class="w-4 h-4" | ||||
|                 > | ||||
|                   <path | ||||
|                     d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" | ||||
|                   /> | ||||
|                 </svg> | ||||
|               </button> | ||||
|             </div>  | ||||
|           </div> | ||||
|         {:else} | ||||
|           <button | ||||
| 					class=" flex rounded-md py-3 px-3.5 w-full hover:bg-gray-900 transition" | ||||
| 					on:click={() => { | ||||
| 						deleteChatHistory(); | ||||
| 					}} | ||||
| 				> | ||||
| 					<div class=" self-center mr-3"> | ||||
|             showWarningHistory = true; | ||||
| 					}}> | ||||
|             <div class="mr-3"> | ||||
|               <svg | ||||
|                 xmlns="http://www.w3.org/2000/svg" | ||||
|                 fill="none" | ||||
|  | @ -469,8 +531,9 @@ | |||
|                 /> | ||||
|               </svg> | ||||
|             </div> | ||||
| 					<div class=" self-center">Clear conversations</div> | ||||
|             <span>Clear conversations</span> | ||||
| 				</button> | ||||
|         {/if} | ||||
| 
 | ||||
| 				{#if $user !== undefined} | ||||
| 					<button | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 ddang
						ddang