4153f329b8
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
之前「本周/本月/近 15 天」放在 HydrogenDaily/ElectricDaily 的
内容区第一行，sticky 头部独占顶部。滚动后这一行会从 sticky
头部下方钻过去，露出半截，看起来像被切。
修复：把日期速选行也放进 sticky 头部白卡里：
- EnergyModule 持有 hydroPick / electricPick state
- 头部第三行（border-t 分割）渲染速选按钮，仅 daily 模式显示
- HydrogenView/ElectricView/ElectricDaily/HydrogenDaily 改为
通过 pick prop 接收，组件内不再 useState
现在头部「Top Tab + Sub Tab + 日期速选」是同一张白卡，
滚动时整体一起 sticky，不再有半截遮挡。
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
15 lines
409 B
TypeScript
15 lines
409 B
TypeScript
import HydrogenOverview from './HydrogenOverview';
|
|
import HydrogenDaily from './HydrogenDaily';
|
|
import type { DateQuickPick } from './types';
|
|
|
|
export type HydrogenSubTab = 'daily' | 'overview';
|
|
|
|
interface Props {
|
|
sub: HydrogenSubTab;
|
|
pick: DateQuickPick;
|
|
}
|
|
|
|
export default function HydrogenView({ sub, pick }: Props) {
|
|
return sub === 'overview' ? <HydrogenOverview /> : <HydrogenDaily pick={pick} />;
|
|
}
|