feat: The Other Dude v9.0.1 — full-featured email system
ci: add GitHub Pages deployment workflow for docs site Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
24
frontend/src/components/monitoring/Sparkline.tsx
Normal file
24
frontend/src/components/monitoring/Sparkline.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
import { LineChart, Line } from 'recharts'
|
||||
|
||||
interface SparklineProps {
|
||||
data: number[]
|
||||
color?: string
|
||||
width?: number
|
||||
height?: number
|
||||
}
|
||||
|
||||
export function Sparkline({ data, color = '#38BDF8', width = 60, height = 24 }: SparklineProps) {
|
||||
const chartData = data.map((v, i) => ({ v, i }))
|
||||
return (
|
||||
<LineChart width={width} height={height} data={chartData}>
|
||||
<Line
|
||||
type="monotone"
|
||||
dataKey="v"
|
||||
stroke={color}
|
||||
dot={false}
|
||||
strokeWidth={1.5}
|
||||
isAnimationActive={false}
|
||||
/>
|
||||
</LineChart>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user