feat: 版本管理,package.json 唯一版本源、/api/meta 返回版本、Dashboard Header 展示版本号
This commit is contained in:
@@ -6,7 +6,7 @@ import { Alert, Layout, Menu, RadioGroup, Skeleton } from "tdesign-react";
|
||||
import { RefreshCountdown } from "./components/RefreshCountdown";
|
||||
import { SummaryCards } from "./components/SummaryCards";
|
||||
import { TargetBoard } from "./components/TargetBoard";
|
||||
import { useDashboard } from "./hooks/use-queries";
|
||||
import { useDashboard, useMeta } from "./hooks/use-queries";
|
||||
import { useTargetDetail } from "./hooks/use-target-detail";
|
||||
import { type ThemePreference, useThemePreference } from "./hooks/use-theme-preference";
|
||||
|
||||
@@ -46,6 +46,7 @@ export function App() {
|
||||
isLoading: dashboardLoading,
|
||||
refetch: refetchDashboard,
|
||||
} = useDashboard(dashboardRefetchInterval);
|
||||
const { data: meta } = useMeta();
|
||||
const {
|
||||
activeTab,
|
||||
closeDrawer,
|
||||
@@ -62,6 +63,7 @@ export function App() {
|
||||
timeTo,
|
||||
} = useTargetDetail();
|
||||
const isManualRefresh = refreshInterval === 0;
|
||||
const versionDisplay = meta?.version ? `v${meta.version}` : null;
|
||||
|
||||
const handleIntervalChange = (value: number) => {
|
||||
void refetchDashboard();
|
||||
@@ -80,6 +82,7 @@ export function App() {
|
||||
<span className="dashboard-brand">
|
||||
<span className="dashboard-logo">DiAL</span>
|
||||
<span className="dashboard-subtitle">统一拨测平台</span>
|
||||
{versionDisplay && <span className="dashboard-version">{versionDisplay}</span>}
|
||||
</span>
|
||||
}
|
||||
operations={
|
||||
|
||||
@@ -46,6 +46,12 @@
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.dashboard-version {
|
||||
color: var(--td-text-color-placeholder);
|
||||
font-size: var(--td-font-size-body-small);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.dashboard-header-controls {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user