fix(awooop): avoid run timeline hydration mismatch
All checks were successful
Code Review / ai-code-review (push) Successful in 12s
CD Pipeline / tests (push) Successful in 1m13s
CD Pipeline / build-and-deploy (push) Successful in 3m20s
CD Pipeline / post-deploy-checks (push) Successful in 1m17s

This commit is contained in:
Your Name
2026-05-15 05:09:03 +08:00
parent befe503aa4
commit 5af7108b18

View File

@@ -767,7 +767,7 @@ export default function RunDetailPage({
const [dossier, setDossier] = useState<ChannelEventDossierResponse | null>(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const [lastRefresh, setLastRefresh] = useState<Date>(new Date());
const [lastRefresh, setLastRefresh] = useState<Date | null>(null);
const fetchDetail = useCallback(async () => {
try {
@@ -934,7 +934,9 @@ export default function RunDetailPage({
<h3 className="text-sm font-semibold text-[#141413]">{t("timeline.title")}</h3>
<p className="mt-1 text-xs text-[#77736a]">
{t("timeline.lastUpdated", {
time: lastRefresh.toLocaleTimeString(locale === "zh-TW" ? "zh-TW" : "en-US"),
time: lastRefresh
? lastRefresh.toLocaleTimeString(locale === "zh-TW" ? "zh-TW" : "en-US")
: t("empty"),
})}
</p>
</div>