scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-09-06 08:18:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web-evals): suppress hydration warnings on locale-dependent elements

Browse source
This commit is contained in:
Roo Code 2026-02-18 00:32:13 +00:00
parent 10c11288de
commit a91054f8a6
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
apps/web-roo-code/src/app/evals/workers/[roleId]/candidates-content.tsx
View file

@ -750,7 +750,7 @@ export function CandidatesContent({
variants={fadeUpVariants}>
<span className="inline-flex items-center gap-2 text-sm text-muted-foreground">
<FlaskConical className="size-4 text-foreground/60" />
<span className="font-mono font-semibold text-foreground">
<span className="font-mono font-semibold text-foreground" suppressHydrationWarning>
{totalEvalRuns.toLocaleString()}
</span>
eval runs
@ -758,7 +758,7 @@ export function CandidatesContent({
<div className="hidden h-4 w-px bg-border sm:block" />
<span className="inline-flex items-center gap-2 text-sm text-muted-foreground">
<BarChart3 className="size-4 text-foreground/60" />
<span className="font-mono font-semibold text-foreground">
<span className="font-mono font-semibold text-foreground" suppressHydrationWarning>
{totalExercises.toLocaleString()}
</span>
exercises
@ -766,11 +766,12 @@ export function CandidatesContent({
<div className="hidden h-4 w-px bg-border sm:block" />
<span className="text-sm text-muted-foreground">
Updated{" "}
<span className="font-medium text-foreground/80">
<span className="font-medium text-foreground/80" suppressHydrationWarning>
{new Date(lastUpdated).toLocaleDateString("en-US", {
month: "short",
day: "numeric",
year: "numeric",
timeZone: "UTC",
})}
</span>
</span>

12
apps/web-roo-code/src/app/evals/workers/workers-content.tsx
View file

@ -335,7 +335,7 @@ export function WorkersContent({
costPerRun: m.costPerRun,
// numeric X for scatter: days since epoch
dateNum: date.getTime(),
dateLabel: date.toLocaleDateString("en-US", { month: "short", year: "numeric" }),
dateLabel: date.toLocaleDateString("en-US", { month: "short", year: "numeric", timeZone: "UTC" }),
// Dot size: inversely proportional to cost (cheaper = bigger dot)
dotSize: Math.round(60 + (1 - m.costPerRun / maxCost) * 340),
}
@ -841,7 +841,9 @@ export function WorkersContent({
<p className="text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/70">
Signal
</p>
<p className="mt-1 text-sm font-semibold text-foreground tabular-nums">
<p
className="mt-1 text-sm font-semibold text-foreground tabular-nums"
suppressHydrationWarning>
{totalEvalRuns.toLocaleString()} runs
</p>
</div>
@ -1047,6 +1049,7 @@ export function WorkersContent({
return d.toLocaleDateString("en-US", {
month: "short",
year: "2-digit",
timeZone: "UTC",
})
}}
stroke="hsl(var(--muted-foreground))"
@ -1149,7 +1152,7 @@ export function WorkersContent({
<motion.div
className="mb-8 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm text-muted-foreground"
variants={fadeUpVariants}>
<span className="font-mono font-semibold text-foreground">
<span className="font-mono font-semibold text-foreground" suppressHydrationWarning>
{totalEvalRuns.toLocaleString()}+
</span>{" "}
eval runs
@ -1157,12 +1160,13 @@ export function WorkersContent({
<span className="font-mono font-semibold text-foreground">5</span> languages
<span className="text-border">•</span>
Last updated:{" "}
<span className="font-medium text-foreground/80">
<span className="font-medium text-foreground/80" suppressHydrationWarning>
{lastUpdated
? new Date(lastUpdated).toLocaleDateString("en-US", {
year: "numeric",
month: "long",
day: "numeric",
timeZone: "UTC",
})
: "N/A"}
</span>