distinguish file choose tips and drag tips

frontend/components/ClipboardApp/FileUploadHandler.tsx

@@ -164,7 +164,7 @@ const FileUploadHandler: React.FC<FileUploadHandlerProps> = ({
         onClick={handleZoneClick}
       >
         <p className="text-sm text-gray-600 mb-4">
-          {messages.text.fileUploadHandler.Drag_tips}
+          {messages.text.fileUploadHandler.chooseFileTips}
         </p>
         <Upload className="h-12 w-12 mx-auto mb-4 text-blue-500" />
         <p className="text-sm text-gray-600">{fileText}</p>

frontend/components/ClipboardApp/FullScreenDropZone.tsx

@@ -17,7 +17,7 @@ const FullScreenDropZone: React.FC<FullScreenDropZoneProps> = ({
     <div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-black bg-opacity-70 backdrop-blur-sm">
       <Upload className="h-24 w-24 text-white animate-bounce" />
       <p className="mt-6 text-2xl font-bold text-white">
-        {messages.text.fileUploadHandler.Drag_tips}
+        {messages.text.fileUploadHandler.dragTips}
       </p>
     </div>
   );

frontend/constants/messages/de.ts

@@ -208,8 +208,9 @@ export const de: Messages = {
       NoFileChosen_tips: "Keine Datei ausgewählt",
       fileChosen_tips_template:
         "{fileNum} Datei(en) und {folderNum} Ordner ausgewählt",
-      Drag_tips:
-        "Ziehen Sie Dateien/Ordner hierher oder klicken Sie, um sie auszuwählen",
+      chooseFileTips:
+        "Ziehen Sie Dateien/Ordner an eine beliebige Stelle auf dieser Seite, oder klicken Sie hier, um auszuwählen.",
+      dragTips: "Ziehen Sie hierhin auf die Seite.",
       chosenDiagTitle: "Upload-Typ auswählen",
       chosenDiagDescription:
         "Wählen Sie aus, ob Sie Dateien oder einen Ordner hochladen möchten",

frontend/constants/messages/en.ts

@@ -205,7 +205,9 @@ export const en: Messages = {
       NoFileChosen_tips: "No file chosen",
       fileChosen_tips_template:
         "{fileNum} file(s) and {folderNum} folder(s) selected",
-      Drag_tips: "Drag and drop files/folders here or click to choose",
+      chooseFileTips:
+        "Drag and drop files/folders anywhere on this page, or click here to choose.",
+      dragTips: "Drag to anywhere on this page.",
       chosenDiagTitle: "Choose Upload Type",
       chosenDiagDescription:
         "Select whether you want to upload files or a folder",

frontend/constants/messages/es.ts

@@ -206,8 +206,9 @@ export const es: Messages = {
       NoFileChosen_tips: "Ningún archivo seleccionado",
       fileChosen_tips_template:
         "{fileNum} archivo(s) y {folderNum} carpeta(s) seleccionados",
-      Drag_tips:
-        "Arrastra y suelta archivos/carpetas aquí o haz clic para elegir",
+      chooseFileTips:
+        "Arrastra y suelta archivos/carpetas en cualquier lugar de esta página, o haz clic aquí para seleccionar.",
+      dragTips: "Arrastra a cualquier parte de esta página.",
       chosenDiagTitle: "Elegir Tipo de Carga",
       chosenDiagDescription:
         "Selecciona si deseas cargar archivos o una carpeta",

frontend/constants/messages/fr.ts

@@ -209,8 +209,9 @@ export const fr: Messages = {
       NoFileChosen_tips: "Aucun fichier sélectionné",
       fileChosen_tips_template:
         "{fileNum} fichier(s) et {folderNum} dossier(s) sélectionné(s)",
-      Drag_tips:
-        "Glissez-déposez des fichiers/dossiers ici ou cliquez pour choisir",
+      chooseFileTips:
+        "Faites glisser des fichiers/dossiers n'importe où sur cette page, ou cliquez ici pour choisir.",
+      dragTips: "Faites glisser ici sur la page.",
       chosenDiagTitle: "Choisir le type de téléversement",
       chosenDiagDescription:
         "Sélectionnez si vous souhaitez téléverser des fichiers ou un dossier",

frontend/constants/messages/ja.ts

@@ -203,8 +203,9 @@ export const ja: Messages = {
       NoFileChosen_tips: "ファイルが選択されていません",
       fileChosen_tips_template:
         "{fileNum} ファイルと {folderNum} フォルダが選択されました",
-      Drag_tips:
-        "ファイル/フォルダをここにドラッグ＆ドロップするか、クリックして選択",
+      chooseFileTips:
+        "このページ上のどこかにファイル/フォルダをドラッグ＆ドロップするか、ここをクリックして選択してください。",
+      dragTips: "このページ上のどこかにドラッグしてください。",
       chosenDiagTitle: "アップロードタイプを選択",
       chosenDiagDescription:
         "ファイルまたはフォルダをアップロードするか選択してください",

frontend/constants/messages/ko.ts

@@ -202,7 +202,9 @@ export const ko: Messages = {
       NoFileChosen_tips: "선택된 파일 없음",
       fileChosen_tips_template:
         "{fileNum}개의 파일 및 {folderNum}개의 폴더 선택됨",
-      Drag_tips: "파일/폴더를 여기로 드래그 앤 드롭하거나 클릭하여 선택하세요",
+      chooseFileTips:
+        "파일/폴더를 이 페이지의 아무 곳이나 드래그 앤 드롭하거나, 여기서 선택하세요.",
+      dragTips: "이 페이지의 아무 곳이나 드래그하세요.",
       chosenDiagTitle: "업로드 유형 선택",
       chosenDiagDescription: "파일 또는 폴더 업로드를 선택하세요",
       SelectFile_dis: "파일 선택",

frontend/constants/messages/zh.ts

@@ -193,7 +193,8 @@ export const zh: Messages = {
     fileUploadHandler: {
       NoFileChosen_tips: "未选择文件",
       fileChosen_tips_template: "已选择{fileNum}个文件和{folderNum}个文件夹",
-      Drag_tips: "拖放文件/文件夹至此，或点击选择",
+      chooseFileTips: "将文件/文件夹拖拽到此页面的任意位置，或点击此处选择。",
+      dragTips: "拖拽到此页面的任意位置",
       chosenDiagTitle: "选择上传类型",
       chosenDiagDescription: "选择是要上传文件还是文件夹",
       SelectFile_dis: "选择文件",

frontend/types/messages.ts

@@ -157,7 +157,8 @@ export type ClipboardBtn = {
 export type FileUploadHandler = {
   NoFileChosen_tips: string;
   fileChosen_tips_template: string;
-  Drag_tips: string;
+  chooseFileTips: string;
+  dragTips: string;
   chosenDiagTitle: string;
   chosenDiagDescription: string;
   SelectFile_dis: string;