update file icon

SciSharp · Sep 2, 2024 · 5f41b59 · 5f41b59
1 parent 9c98a46
commit 5f41b59
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 29 deletions.
diff --git a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
@@ -148,7 +148,7 @@
 	let loadTextEditor = false;
 	let autoScrollLog = false;
 	let disableAction = false;
-	let loadChatUtils = true;
+	let loadChatUtils = false;
 
 	
 	$: {
@@ -1285,40 +1285,25 @@
 										>
 											<span>
 												<i
-													class="mdi mdi-image-plus"
+													class="bx bx-image-add"
 													data-bs-toggle="tooltip"
 													data-bs-placement="top"
-													title="Upload image"
+													title="Upload images"
 												/>
 											</span>
 										</ChatFileUploader>
 										<ChatFileUploader
-											accept={'.pdf'}
+											accept={'.pdf,.xlsx,.xls,.csv'}
 											containerClasses={'line-align-center text-primary chat-util-item'}
 											disabled={disableAction}
 											on:filedroped={() => refresh()}
 										>
 											<span>
 												<i
-													class="mdi mdi-file-pdf"
+													class="bx bxs-folder-open"
 													data-bs-toggle="tooltip"
 													data-bs-placement="top"
-													title="Upload pdf"
-												/>
-											</span>
-										</ChatFileUploader>
-										<ChatFileUploader
-											accept={'.xlsx,.xls,.csv'}
-											containerClasses={'line-align-center text-primary chat-util-item'}
-											disabled={disableAction}
-											on:filedroped={() => refresh()}
-										>
-											<span>
-												<i
-													class="mdi mdi-microsoft-excel"
-													data-bs-toggle="tooltip"
-													data-bs-placement="top"
-													title="Upload excel"
+													title="Upload pdf, excel files"
 												/>
 											</span>
 										</ChatFileUploader>
@@ -1330,10 +1315,10 @@
 										>
 											<span>
 												<i
-													class="mdi mdi-file-music"
+													class="bx bxs-music"
 													data-bs-toggle="tooltip"
 													data-bs-placement="top"
-													title="Upload audio"
+													title="Upload audios"
 												/>
 											</span>
 										</ChatFileUploader>

diff --git a/src/routes/chat/[agentId]/[conversationId]/chat-util/chat-big-message.svelte b/src/routes/chat/[agentId]/[conversationId]/chat-util/chat-big-message.svelte
@@ -29,7 +29,6 @@
         <!-- svelte-ignore a11y-click-events-have-key-events -->
         <i
             class="bx bx-zoom-in clickable"
-            style="padding-top: 12px;"
             data-bs-toggle="tooltip"
             data-bs-placement="top"
             title="Zoom in"

diff --git a/src/routes/chat/[agentId]/[conversationId]/chat-util/chat-file-uploader.svelte b/src/routes/chat/[agentId]/[conversationId]/chat-util/chat-file-uploader.svelte
@@ -8,6 +8,8 @@
     /** @type {string} */
     export let accept;
 
+    export let fileMaxSize = 10 * 1024 * 1024;
+
     /** @type {boolean} */
     export let disabled = false;
 
@@ -24,10 +26,10 @@
     let disableFileDrop = false;
 
     /** @type {number} */
-    let fileUploadLimit = 0;
+    let localFileUploadLimit = 0;
 
     const fileUpperLimit = 5;
-    const fileMaxSize = 10 * 1024 * 1024;
+    
 
     const unsubscribe = conversationUserAttachmentStore.subscribe(value => {
         const savedAttachments = $conversationUserAttachmentStore;
@@ -40,7 +42,7 @@
 
     $: {
         disableFileDrop = disabled || files.length >= fileUpperLimit;
-        fileUploadLimit = Math.max(fileUpperLimit - files.length, 0);
+        localFileUploadLimit = Math.max(fileUpperLimit - files.length, 0);
     }
 
     /** @param {any} e */
@@ -64,7 +66,7 @@
         disableDefaultStyles
         noDrag
         disabled={disableFileDrop}
-        fileLimit={fileUploadLimit}
+        fileLimit={localFileUploadLimit}
         maxSize={fileMaxSize}
         on:drop={e => handleFileDrop(e)}
     >

diff --git a/src/routes/chat/[agentId]/[conversationId]/rich-content/rc-plain-options.svelte b/src/routes/chat/[agentId]/[conversationId]/rich-content/rc-plain-options.svelte
@@ -166,7 +166,7 @@
         </button>
     {/if}
     {#if fileOption}
-        <ChatFileUploader accept=".png,.jpg,.jpeg,.pdf,.xlsx,.xls,.csv,.wav,.mp3">
+        <ChatFileUploader accept=".png,.jpg,.jpeg">
             <span style="position: relative; top: 3px;" in:fade={{ duration: duration }}>
                 <i class="bx bx-image-add" />
             </span>