feat:暂存优化

This commit is contained in:
许永平
2025-07-05 16:34:19 +08:00
parent 04742c596e
commit 920665455b
9 changed files with 26 additions and 32 deletions

View File

@@ -1,6 +1,6 @@
import React, { useEffect } from 'react';
import { useNavigate, useLocation } from 'react-router-dom';
import { useAuth } from '../contexts/AuthContext';
import { useAuth } from '@/contexts/AuthContext';
// 不需要登录的公共页面路径
const PUBLIC_PATHS = [

View File

@@ -1,6 +1,6 @@
import React, { createContext, useContext, useEffect, useState, ReactNode } from 'react';
import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
import { useNavigate } from 'react-router-dom';
import { validateToken, refreshAuthToken } from '../api';
import { validateToken, refreshAuthToken } from '@/api';
// 安全的localStorage访问方法
const safeLocalStorage = {

View File

@@ -1,6 +1,6 @@
import { useEffect } from 'react';
import { useNavigate, useLocation } from 'react-router-dom';
import { useAuth } from '../contexts/AuthContext';
import { useAuth } from '@/contexts/AuthContext';
// 不需要登录的公共页面路径
const PUBLIC_PATHS = [

View File

@@ -1,8 +1,8 @@
import React, { useState, useEffect, useRef } from 'react';
import React, { useState, useEffect, useRef, useCallback } from 'react';
import { useParams, useNavigate } from 'react-router-dom';
import { ChevronLeft, Smartphone, Battery, Wifi, MessageCircle, Users, Settings, History, RefreshCw, Loader2 } from 'lucide-react';
import { devicesApi, fetchDeviceDetail, fetchDeviceRelatedAccounts, fetchDeviceHandleLogs, updateDeviceTaskConfig } from '../../api/devices';
import { useToast } from '../../components/ui/toast';
import { devicesApi, fetchDeviceDetail, fetchDeviceRelatedAccounts, fetchDeviceHandleLogs, updateDeviceTaskConfig } from '@/api/devices';
import { useToast } from '@/components/ui/toast';
interface WechatAccount {
id: string;

View File

@@ -1,8 +1,8 @@
import React, { useState, useEffect, useRef, useCallback } from 'react';
import { useNavigate } from 'react-router-dom';
import { ChevronLeft, Plus, Search, RefreshCw, QrCode, Smartphone, Loader2, AlertTriangle, Trash2, X } from 'lucide-react';
import { devicesApi } from '../../api';
import { useToast } from '../../components/ui/toast';
import { devicesApi } from '@/api';
import { useToast } from '@/components/ui/toast';
// 设备接口
interface Device {

View File

@@ -1,11 +1,11 @@
import React, { useState, useEffect } from 'react';
import { useNavigate, useSearchParams } from 'react-router-dom';
import { Eye, EyeOff, Phone } from 'lucide-react';
import { useAuth } from '../../contexts/AuthContext';
import { useToast } from '../../components/ui/toast';
import { authApi } from '../../api';
import WeChatIcon from '../../components/icons/WeChatIcon';
import AppleIcon from '../../components/icons/AppleIcon';
import { useAuth } from '@/contexts/AuthContext';
import { useToast } from '@/components/ui/toast';
import { authApi } from '@/api';
import WeChatIcon from '@/components/icons/WeChatIcon';
import AppleIcon from '@/components/icons/AppleIcon';
// 定义登录表单类型
interface LoginForm {

View File

@@ -1,6 +1,6 @@
import React from 'react';
import { useAuth } from '../../contexts/AuthContext';
import { useToast } from '../../components/ui/toast';
import { useAuth } from '@/contexts/AuthContext';
import { useToast } from '@/components/ui/toast';
import { LogOut, User, Settings, Shield, Bell } from 'lucide-react';
export default function Profile() {

View File

@@ -18,9 +18,9 @@ import {
AlertCircle,
ArrowRightLeft
} from 'lucide-react';
import { useWechatAccount } from '../../contexts/WechatAccountContext';
import { fetchWechatAccountSummary, fetchWechatFriends, fetchWechatFriendDetail } from '../../api/wechat-accounts';
import { useToast } from '../../components/ui/toast';
import { useWechatAccount } from '@/contexts/WechatAccountContext';
import { fetchWechatAccountSummary, fetchWechatFriends, fetchWechatFriendDetail } from '@/api/wechat-accounts';
import { useToast } from '@/components/ui/toast';
interface WechatAccountSummary {
accountAge: string;
@@ -407,7 +407,7 @@ export default function WechatAccountDetail() {
return (
<div className="flex-1 bg-gradient-to-b from-blue-50 to-white min-h-screen overflow-x-hidden">
{/* 固定header */}
<header className="sticky top-0 z-10 bg-white/80 backdrop-blur-sm border-b">
<header className="fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-md border-b border-gray-200 shadow-sm">
<div className="flex items-center p-4">
<button
className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
@@ -419,8 +419,8 @@ export default function WechatAccountDetail() {
</div>
</header>
{/* 内容区域 */}
<div className="p-4 space-y-4">
{/* 内容区域 - 添加顶部内边距避免被固定header遮挡 */}
<div className="pt-20 p-4 space-y-4">
{/* 账号基本信息卡片 */}
<div className="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
<div className="flex items-center space-x-4">
@@ -662,7 +662,7 @@ export default function WechatAccountDetail() {
) : (
<div className="space-y-4">
{/* 搜索栏 */}
<div className="flex items-center space-x-2 bg-white p-4 rounded-lg shadow-sm">
<div className="flex items-center space-x-2 bg-white rounded-lg">
<div className="relative flex-1">
<Search className="absolute left-3 top-2.5 h-4 w-4 text-gray-400" />
<input
@@ -673,12 +673,6 @@ export default function WechatAccountDetail() {
className="w-full pl-9 pr-3 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white"
/>
</div>
<button
className="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors bg-white"
onClick={handleSearch}
>
<Filter className="h-4 w-4" />
</button>
</div>
{/* 好友列表 */}

View File

@@ -1,9 +1,9 @@
import React, { useState, useEffect, useRef, useCallback } from 'react';
import { useNavigate } from 'react-router-dom';
import { ChevronLeft, Search, RefreshCw, ArrowRightLeft, AlertCircle, Loader2 } from 'lucide-react';
import { fetchWechatAccountList, transformWechatAccount } from '../../api/wechat-accounts';
import { useToast } from '../../components/ui/toast';
import { useWechatAccount } from '../../contexts/WechatAccountContext';
import { fetchWechatAccountList, transformWechatAccount } from '@/api/wechat-accounts';
import { useToast } from '@/components/ui/toast';
import { useWechatAccount } from '@/contexts/WechatAccountContext';
interface WechatAccount {
id: string;