From 5d8a646cfe5536f34447d827357a25524585f015 Mon Sep 17 00:00:00 2001
From: zizifn <1803942+zizifn@users.noreply.github.com>
Date: Sat, 20 May 2023 02:22:00 +0800
Subject: [PATCH] udpate client code

---
 apps/cf-page-vless/public/401.html | 15 +--------------
 functions/util.ts                  | 13 ++++++-------
 libs/edge-ui/src/lib/app.tsx       | 28 ++++++++++++++++------------
 3 files changed, 23 insertions(+), 33 deletions(-)

diff --git a/apps/cf-page-vless/public/401.html b/apps/cf-page-vless/public/401.html
index 590156c..05471a6 100644
--- a/apps/cf-page-vless/public/401.html
+++ b/apps/cf-page-vless/public/401.html
@@ -21,23 +21,10 @@
     <h2>
       Please refer to
       <a
-        href="https://github.com/zizifn/edgetunnel/blob/main/doc/edge-tunnel-deno.md#%E6%B5%81%E7%A8%8B%E6%BC%94%E7%A4%BA"
+        href="https://edgetunnel.114567.xyz/guide/cf-pages.html#%E5%A1%AB%E5%86%99-pages-build-%E4%BF%A1%E6%81%AF"
         >deno deploy guide</a
       >
     </h2>
-
-    <h3>
-      Or maybe check below
-      <a
-        href="https://raw.githubusercontent.com/zizifn/edgetunnel/main/doc/deno-deploy2.gif"
-        >GIF</a
-      >
-    </h3>
-    <img
-      src="https://raw.githubusercontent.com/zizifn/edgetunnel/main/doc/deno-deploy2.gif"
-      alt="guide"
-      srcset=""
-    />
     <script>
       let uuid = URL.createObjectURL(new Blob([])).substr(-36);
       document.getElementById('uuidSpan').textContent = uuid;
diff --git a/functions/util.ts b/functions/util.ts
index 3705b17..25d2479 100644
--- a/functions/util.ts
+++ b/functions/util.ts
@@ -17,14 +17,13 @@ const index401 = `
     </h2>
     <h3> You must use same UUID for login this page after config valid UUID Environment Variables
     </h3>
-    <h2>Please refer to <a
-            href="https://github.com/zizifn/edgetunnel/blob/main/doc/edge-tunnel-deno.md#%E6%B5%81%E7%A8%8B%E6%BC%94%E7%A4%BA">deno
-            deploy guide</a>
+    <h2>
+      Please refer to
+      <a
+        href="https://edgetunnel.114567.xyz/guide/cf-pages.html#%E5%A1%AB%E5%86%99-pages-build-%E4%BF%A1%E6%81%AF"
+        >Cloudflare pages deploy guide</a
+      >
     </h2>
-
-    <h3>Or maybe check below <a
-            href="https://raw.githubusercontent.com/zizifn/edgetunnel/main/doc/deno-deploy2.gif">GIF</a> </h3>
-    <img src="https://raw.githubusercontent.com/zizifn/edgetunnel/main/doc/deno-deploy2.gif" alt="guide" srcset="">
     <script>
         let uuid = URL.createObjectURL(new Blob([])).substr(-36);
         document.getElementById('uuidSpan').textContent = uuid
diff --git a/libs/edge-ui/src/lib/app.tsx b/libs/edge-ui/src/lib/app.tsx
index 18cac6d..5e51d2e 100644
--- a/libs/edge-ui/src/lib/app.tsx
+++ b/libs/edge-ui/src/lib/app.tsx
@@ -41,7 +41,7 @@ export function EdgeApp() {
             handleShare={handleShare}
             v2option={v2Option}
           ></ShareActions>
-          <SetUpAlert></SetUpAlert>
+          {/* <SetUpAlert></SetUpAlert> */}
           <ShareAnything handleShare={handleShare}></ShareAnything>
         </div>
       </div>
@@ -209,7 +209,7 @@ function QRcodeImg({ text }: { text: string }) {
   }
 
   return (
-    <div className="flex flex-col border border-blue-300 overflow-hidden w-[500px] h-[420px] justify-start items-center">
+    <div className="flex flex-col border border-blue-300 overflow-hidden w-auto h-auto justify-start items-center">
       <img
         src={codeImg}
         width="350"
@@ -217,11 +217,11 @@ function QRcodeImg({ text }: { text: string }) {
         alt="二维码"
         className="border-spacing-1"
       />
-      <div className="flex flex-grow w-full bg-gray-200">
-        <span className="flex-grow break-normal overflow-scroll w-4/5">
+      <div className="flex flex-grow w-auto bg-gray-200">
+        <span className="flex-grow break-all break-word overflow-hidden w-4/5">
           {text}
         </span>
-        <div className="w-6 h-6 ml-auto">
+        <div className="w-6 h-6 ml-auto mr-5px">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             fill="none"
@@ -302,6 +302,9 @@ function ShareActions({
   handleShare: (text: string) => void;
   v2option: V2Option;
 }) {
+  useEffect(() => {
+    handleShare(getVlessURL());
+  }, [v2option]);
   function getPageURL() {
     return window.location.href;
   }
@@ -336,13 +339,6 @@ function ShareActions({
   }
   return (
     <span className="inline-flex self-center mt-4 rounded-md shadow-sm isolate">
-      <button
-        onClick={() => handleShare(getPageURL())}
-        type="button"
-        className="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md hover:border-indigo-500 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
-      >
-        分享本页
-      </button>
       <button
         onClick={() => handleShare(getVlessURL())}
         type="button"
@@ -350,6 +346,14 @@ function ShareActions({
       >
         分享 V2ray
       </button>
+
+      <button
+        onClick={() => handleShare(getPageURL())}
+        type="button"
+        className="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-l-md hover:border-indigo-500 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500"
+      >
+        分享本页
+      </button>
     </span>
   );
 }