Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
140ba10df6 |
@@ -64,7 +64,29 @@ export function SessionTimelineChart({ timeline }: { timeline: TimelineRow[] })
|
|||||||
className="bp-readout text-xs"
|
className="bp-readout text-xs"
|
||||||
/>
|
/>
|
||||||
<YAxis domain={[0, 100]} tickLine={false} axisLine={false} width={32} className="bp-readout text-xs" />
|
<YAxis domain={[0, 100]} tickLine={false} axisLine={false} width={32} className="bp-readout text-xs" />
|
||||||
<ChartTooltip content={<ChartTooltipContent />} />
|
<ChartTooltip
|
||||||
|
content={
|
||||||
|
<ChartTooltipContent
|
||||||
|
formatter={(value, name) => {
|
||||||
|
const itemConfig = config[name as string];
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div
|
||||||
|
className="h-2.5 w-2.5 shrink-0 rounded-[2px]"
|
||||||
|
style={{ backgroundColor: itemConfig?.color }}
|
||||||
|
/>
|
||||||
|
<div className="flex flex-1 items-center justify-between gap-4 leading-none">
|
||||||
|
<span className="text-muted-foreground">{itemConfig?.label ?? name}</span>
|
||||||
|
<span className="bp-readout font-medium text-foreground">
|
||||||
|
{typeof value === "number" ? value.toLocaleString() : String(value)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
/>
|
||||||
{series.map(([sessionDeviceId]) => (
|
{series.map(([sessionDeviceId]) => (
|
||||||
<Area
|
<Area
|
||||||
key={sessionDeviceId}
|
key={sessionDeviceId}
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "sexy",
|
"name": "sexy",
|
||||||
"version": "0.9.3",
|
"version": "0.9.4",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "next dev",
|
"dev": "next dev",
|
||||||
|
|||||||
Reference in New Issue
Block a user