rogee
7ecad93821
技术栈切换（按 AGENTS.md 批准栈）：react-admin/MUI → Refine v5 + shadcn/ui
(Tailwind CSS v4)，Vite 8 + React 19 + react-router v7 hash 路由。
- 全部 9 个页面重写：AccountsPage/BrowsersPage(BrowserList/CreatePage/Detail)/
BrowserImagesPage/GatewaysPage/NetworkExitsPage/TasksPage/TracePages/
DraftPage/AuditPage；自建 lib/ui.jsx 组件库与 Layout（侧导航 + Outlet）
- 简单创建/编辑改 modal（账号/网关/镜像/出口），环境创建走独立页
/browsers/new；列表按信息密度选表格或移动卡片双形态
- 图标统一 RemixIcon；领域动作保持显式动词（start/stop/upgrade/recycle
等，不伪装成 CRUD update）
- LoginPage：Basic 凭证存 localStorage；401 清凭证并跳 #/login；
AuthGate 改为渲染期读 localStorage（react-router v7 的 pushState 不触发
hashchange，事件订阅会在导航后拿到过期状态导致登录后卡死）
- dataProvider 适配 Refine v5 契约：所有方法收单个参数对象
({resource, pagination, filters, meta, variables})，create/update/
delete/deleteOne 语义对齐
- Modal 关闭时焦点还给触发元素；Select 保持原生 button/combobox 语义
- e2e 补登录前置；账号创建流程同步 modal 交互
验证：npm test 65/65 通过；覆盖率 71.5% stmts / 76.3% lines（门槛 65%）；
vite build 成功；playwright e2e 9/9 通过。
17 lines
582 B
JavaScript
17 lines
582 B
JavaScript
import { useEffect } from 'react'
|
||
|
||
export function useTitle(title) {
|
||
useEffect(() => { document.title = title }, [title])
|
||
}
|
||
|
||
// 401 之外的业务错误（404/409/503…）直接展示后端 message；401 在 dataProvider 里转跳登录页。
|
||
export function displayError(error) {
|
||
return error?.message || '操作失败'
|
||
}
|
||
|
||
export function conflictError(error, fallback) {
|
||
if (error?.status === 409) return `冲突（409）：${error.body?.reason || fallback}`
|
||
if (error?.status === 503) return `资源未就绪（503）：${error.message}`
|
||
return displayError(error)
|
||
}
|