优化完成

WebApp/client/public/onebyone/connect/connect.js

@@ -3,48 +3,9 @@
  * 处理初始连接、创建通话和加入通话的功能
  */
 
-import store from '../store.js';
+import { showNotification } from '../utils.js';
 
-
-// 通知函数
-function showNotification(message, type = 'info') {
-    const notification = document.getElementById('notification');
-    const notificationText = document.getElementById('notificationText');
-
-    if (notification && notificationText) {
-        notificationText.textContent = message;
-
-        // 清除之前的类
-        notification.className = 'fixed top-20 left-1/2 transform -translate-x-1/2 glass px-6 py-3 rounded-full flex items-center gap-3 opacity-0 pointer-events-none transition-all duration-300 z-50 translate-y-[-20px]';
-
-        // 根据类型添加不同的图标
-        const iconElement = notification.querySelector('i');
-        if (iconElement) {
-            iconElement.className = 'fas fa-info-circle text-indigo-400';
-            switch (type) {
-                case 'success':
-                    iconElement.className = 'fas fa-check-circle text-green-400';
-                    break;
-                case 'error':
-                    iconElement.className = 'fas fa-exclamation-circle text-red-400';
-                    break;
-                case 'warning':
-                    iconElement.className = 'fas fa-exclamation-triangle text-yellow-400';
-                    break;
-            }
-        }
-
-        // 显示通知
-        notification.classList.remove('opacity-0', 'translate-y-[-20px]');
-        notification.classList.add('opacity-100', 'translate-y-0');
-
-        // 3秒后隐藏
-        setTimeout(() => {
-            notification.classList.remove('opacity-100', 'translate-y-0');
-            notification.classList.add('opacity-0', 'translate-y-[-20px]');
-        }, 3000);
-    }
-}
+const MAX_AVATAR_SIZE = 2 * 1024 * 1024; // 2MB
 
 // 加入通话
 function joinCall() {
@@ -251,7 +212,7 @@ function handleAvatarUpload(event) {
         }
 
         // 检查文件大小
-        if (file.size > 2 * 1024 * 1024) { // 2MB限制
+        if (file.size > MAX_AVATAR_SIZE) { // 2MB限制
             showNotification('图片大小不能超过2MB', 'error');
             return;
         }
@@ -353,7 +314,6 @@ window.addEventListener('DOMContentLoaded', () => {
 });
 
 // 导出全局函数
-window.showNotification = showNotification;
 window.joinCall = joinCall;
 window.createCall = createCall;
 window.selectConnectionId = selectConnectionId;