雨霖铃
2c901ab4fd
- 删除原有的 TopBar 组件，重构为布局组件并移动至 layout/ 目录。 - 更新相关文档，反映 TopBar 组件的新位置。 - 引入新的 useTopBar 钩子以管理 TopBar 的状态和逻辑。 - 添加 TopBar 组件的单元测试，确保功能正常。
27 lines
852 B
TypeScript
27 lines
852 B
TypeScript
import { useEffect } from 'react';
|
|
import RouterProvider from '@/providers/RouterProvider';
|
|
import TopBar from '@/layout/TopBar';
|
|
import RouterContainer from '@/components/RouterContainer';
|
|
import ErrorBoundary from '@/components/ErrorBoundary';
|
|
import { MessageAction, sendMessage } from '@/utils/messages';
|
|
|
|
export default function App() {
|
|
useEffect(() => {
|
|
sendMessage(MessageAction.SIDE_PANEL_STATE_CHANGED, { isOpen: true });
|
|
return () => {
|
|
sendMessage(MessageAction.SIDE_PANEL_STATE_CHANGED, { isOpen: false });
|
|
};
|
|
}, []);
|
|
|
|
return (
|
|
<RouterProvider defaultRoute="dashboard" syncKey="app/sidepanelRoute">
|
|
<div className="app flex flex-col h-screen w-full overflow-hidden">
|
|
<TopBar />
|
|
<ErrorBoundary>
|
|
<RouterContainer />
|
|
</ErrorBoundary>
|
|
</div>
|
|
</RouterProvider>
|
|
);
|
|
}
|