From d565e2464ad41c07c16bc9c3ae946dd483ea024a Mon Sep 17 00:00:00 2001
From: Gabe Yuan <gabe@zq.com>
Date: Sun, 7 Apr 2024 16:55:54 +0800
Subject: [PATCH] feat: tranbox: mobile support

---
 src/apis/baidu.js              | 3 +++
 src/config/index.js            | 3 +++
 src/views/Selection/TranBtn.js | 4 ++--
 src/views/Selection/index.js   | 4 ++--
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/apis/baidu.js b/src/apis/baidu.js
index 6da8713..467ec17 100644
--- a/src/apis/baidu.js
+++ b/src/apis/baidu.js
@@ -4,6 +4,7 @@ import {
   URL_BAIDU_WEB,
   URL_BAIDU_TRANSAPI_V2,
   URL_BAIDU_TRANSAPI,
+  DEFAULT_USER_AGENT,
 } from "../config";
 import { fetchApi } from "../libs/fetch";
 
@@ -248,7 +249,9 @@ export const genBaidu = async ({ text, from, to }) => {
 
   const init = {
     headers: {
+      // Origin: "https://fanyi.baidu.com",
       "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
+      "User-Agent": DEFAULT_USER_AGENT,
     },
     method: "POST",
     body: queryString.stringify(data),
diff --git a/src/config/index.js b/src/config/index.js
index 02b8a20..9d520a5 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -91,6 +91,9 @@ export const URL_BAIDU_TRANSAPI_V2 = "https://fanyi.baidu.com/v2transapi";
 export const URL_DEEPLFREE_TRAN = "https://www2.deepl.com/jsonrpc";
 export const URL_TENCENT_TRANSMART = "https://transmart.qq.com/api/imt";
 
+export const DEFAULT_USER_AGENT =
+  "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36";
+
 export const OPT_TRANS_GOOGLE = "Google";
 export const OPT_TRANS_MICROSOFT = "Microsoft";
 export const OPT_TRANS_DEEPL = "DeepL";
diff --git a/src/views/Selection/TranBtn.js b/src/views/Selection/TranBtn.js
index 959af92..e96e50b 100644
--- a/src/views/Selection/TranBtn.js
+++ b/src/views/Selection/TranBtn.js
@@ -25,8 +25,8 @@ export default function TranBtn({ onClick, position, tranboxSetting }) {
     >
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="20"
-        height="20"
+        width={isMobile ? "32" : "20"}
+        height={isMobile ? "32" : "20"}
         viewBox="0 0 32 32"
         version="1.1"
       >
diff --git a/src/views/Selection/index.js b/src/views/Selection/index.js
index a24a471..6942c84 100644
--- a/src/views/Selection/index.js
+++ b/src/views/Selection/index.js
@@ -71,8 +71,8 @@ export default function Slection({
     }
 
     // todo: mobile support
-    window.addEventListener("mouseup", handleMouseup);
-    // window.addEventListener(isMobile ? "touchend" : "mouseup", handleMouseup);
+    // window.addEventListener("mouseup", handleMouseup);
+    window.addEventListener(isMobile ? "touchend" : "mouseup", handleMouseup);
     return () => {
       window.removeEventListener(
         isMobile ? "touchend" : "mouseup",