From 079c802b5c800d64f94cbed854651750a063f57c Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Mon, 12 Aug 2024 16:24:13 +0800
Subject: [PATCH] file uploader

---
 web/app/components/base/chat/chat/chat-input-area/index.tsx    | 1 +
 .../components/base/chat/chat/chat-input-area/operation.tsx    | 3 +++
 .../base/file-uploader/file-from-link-or-local/index.tsx       | 2 +-
 .../base/file-uploader/file-uploader-in-attachment/index.tsx   | 2 +-
 web/i18n/en-US/common.ts                                       | 3 ++-
 web/i18n/zh-Hans/common.ts                                     | 1 +
 6 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/app/components/base/chat/chat/chat-input-area/index.tsx b/web/app/components/base/chat/chat/chat-input-area/index.tsx
index c8de1d2b54..7189017b90 100644
--- a/web/app/components/base/chat/chat/chat-input-area/index.tsx
+++ b/web/app/components/base/chat/chat/chat-input-area/index.tsx
@@ -87,6 +87,7 @@ const ChatInputArea = ({
       ref={holdSpaceRef}
       speechToTextConfig={speechToTextConfig}
       onShowVoiceInput={handleShowVoiceInput}
+      onSend={handleSend}
     />
   )
 
diff --git a/web/app/components/base/chat/chat/chat-input-area/operation.tsx b/web/app/components/base/chat/chat/chat-input-area/operation.tsx
index f33f79739e..58246d034c 100644
--- a/web/app/components/base/chat/chat/chat-input-area/operation.tsx
+++ b/web/app/components/base/chat/chat/chat-input-area/operation.tsx
@@ -17,10 +17,12 @@ import cn from '@/utils/classnames'
 type OperationProps = {
   speechToTextConfig?: EnableType
   onShowVoiceInput?: () => void
+  onSend: () => void
 }
 const Operation = forwardRef<HTMLDivElement, OperationProps>(({
   speechToTextConfig,
   onShowVoiceInput,
+  onSend,
 }, ref) => {
   return (
     <div
@@ -48,6 +50,7 @@ const Operation = forwardRef<HTMLDivElement, OperationProps>(({
         <Button
           className='ml-3 px-0 w-8'
           variant='primary'
+          onClick={onSend}
         >
           <RiSendPlane2Fill className='w-4 h-4' />
         </Button>
diff --git a/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx b/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
index 0621d4f8d8..159b037c84 100644
--- a/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
+++ b/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
@@ -44,7 +44,7 @@ const FileFromLinkOrLocal = ({
               <div className='flex items-center p-1 h-8 bg-components-input-bg-active border border-components-input-border-active rounded-lg shadow-xs'>
                 <input
                   className='grow block mr-0.5 px-1 bg-transparent system-sm-regular outline-none appearance-none'
-                  placeholder='Enter URL...'
+                  placeholder={t('common.fileUploader.pasteFileLinkInputPlaceholder') || ''}
                   value={url}
                   onChange={e => setUrl(e.target.value)}
                 />
diff --git a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
index ff4a61221d..ebac040ec2 100644
--- a/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
+++ b/web/app/components/base/file-uploader/file-uploader-in-attachment/index.tsx
@@ -37,7 +37,7 @@ const FileUploaderInAttachment = () => {
       <Button
         key={option.value}
         variant='tertiary'
-        className={cn('grow', open && 'bg-components-button-tertiary-bg-hover')}
+        className={cn('basis-1/2', open && 'bg-components-button-tertiary-bg-hover')}
       >
         {option.icon}
         <span className='ml-1'>{option.label}</span>
diff --git a/web/i18n/en-US/common.ts b/web/i18n/en-US/common.ts
index 4999e13a56..9548c726cd 100644
--- a/web/i18n/en-US/common.ts
+++ b/web/i18n/en-US/common.ts
@@ -554,7 +554,8 @@ const translation = {
   },
   fileUploader: {
     uploadFromComputer: 'Local upload',
-    pasteImageLink: 'Paste file link',
+    pasteFileLink: 'Paste file link',
+    pasteFileLinkInputPlaceholder: 'Enter URL...',
   },
   tag: {
     placeholder: 'All Tags',
diff --git a/web/i18n/zh-Hans/common.ts b/web/i18n/zh-Hans/common.ts
index f5144af7a1..86ed72ba38 100644
--- a/web/i18n/zh-Hans/common.ts
+++ b/web/i18n/zh-Hans/common.ts
@@ -551,6 +551,7 @@ const translation = {
   fileUploader: {
     uploadFromComputer: '从本地上传',
     pasteFileLink: '粘贴文件链接',
+    pasteFileLinkInputPlaceholder: '输入文件链接',
   },
   tag: {
     placeholder: '全部标签',