Zhou Weidong
ecfbd3b8b5
- 按 app / shared / entities / features 分层，路由懒加载并抽出布局组件 - 请求层改为可插拔拦截器，统一错误类型、超时取消与端点拆分 - 抽取播放器、骨架屏、网格等复用组件，点赞收藏接入统一交互反馈 - 关于页重做为无边框极光风格，补充 iOS / Google Play 下载入口 - 修复播放页滚轮切集吞事件、页面误滚动、后台持续播放与声音记忆问题 - 语言按本地偏好与 IP 识别，国旗改为内联 SVG - 清理未使用的旧站点文件，补充 ESLint 配置
35 lines
1.4 KiB
React
35 lines
1.4 KiB
React
// Author: fruit.com.cn
|
|
import { Suspense, useState } from 'react';
|
|
import { Outlet, useLocation } from 'react-router-dom';
|
|
import { useLocale, useUi } from '../app/providers/AppProviders';
|
|
import { BottomNav } from './components/BottomNav';
|
|
import { Sidebar } from './components/Sidebar';
|
|
import { TopBar } from './components/TopBar';
|
|
import { UploadVideoDialog } from './components/UploadVideoDialog';
|
|
|
|
export function AppShell() {
|
|
const { locale } = useLocale();
|
|
const { sidebarOpen, setSidebarOpen } = useUi();
|
|
const location = useLocation();
|
|
const [uploadOpen, setUploadOpen] = useState(false);
|
|
const immersive = location.pathname === '/shorts';
|
|
|
|
return (
|
|
<>
|
|
<TopBar onToggleSidebar={() => setSidebarOpen(!sidebarOpen)} onUpload={() => setUploadOpen(true)} />
|
|
<Sidebar />
|
|
<main className={`content ${sidebarOpen ? '' : 'content-wide'}`}>
|
|
<Suspense fallback={<div className="route-loading" aria-busy="true" />}>
|
|
<Outlet />
|
|
</Suspense>
|
|
{!immersive && <footer className="site-footer">© {new Date().getFullYear()} {locale.copyright}</footer>}
|
|
</main>
|
|
<BottomNav />
|
|
{sidebarOpen && (
|
|
<button className="scrim mobile-only" onClick={() => setSidebarOpen(false)} aria-label="Close" type="button" />
|
|
)}
|
|
<UploadVideoDialog open={uploadOpen} onClose={() => setUploadOpen(false)} />
|
|
</>
|
|
);
|
|
}
|