refactor: separate user agreement and privacy policy links (#777)

src/components/Cloud/ServiceAuth.tsx

@@ -210,6 +210,21 @@ const ServiceAuth = memo(
               />
             )}
 
+            <div className="flex items-center gap-2">
+              {/* EULA Link */}
+              <button
+                className="text-xs text-[#0096FB] dark:text-blue-400 block"
+                onClick={() =>
+                  OpenURLWithBrowser(currentService?.provider?.eula)
+                }
+              >
+                {t("cloud.eula")}
+              </button>
+
+              <span className="text-xs text-[#0096FB] dark:text-blue-400 block">
+                |
+              </span>
+
               {/* Privacy Policy Link */}
               <button
                 className="text-xs text-[#0096FB] dark:text-blue-400 block"
@@ -220,6 +235,7 @@ const ServiceAuth = memo(
                 {t("cloud.privacyPolicy")}
               </button>
             </div>
+          </div>
         )}
       </div>
     );

src/locales/en/translation.json

@@ -459,7 +459,8 @@
     "login": "Login",
     "cancel": "Cancel",
     "copyUrl": "Copy URL",
-    "privacyPolicy": "EULA | Privacy Policy",
+    "eula": "EULA",
+    "privacyPolicy": "Privacy Policy",
     "connect": {
       "back": "Back",
       "title": "Connecting to Your Coco-Server",

src/locales/zh/translation.json

@@ -459,7 +459,8 @@
     "login": "登录",
     "cancel": "取消",
     "copyUrl": "复制链接",
-    "privacyPolicy": "用户协议 | 隐私政策",
+    "eula": "用户协议",
+    "privacyPolicy": "隐私政策",
     "connect": {
       "back": "返回",
       "title": "连接到您的 Coco-Server",