gseps-front/src/app/dashboard/components/RecentResult.tsx

27 lines
681 B
TypeScript

'use client';
import React from 'react';
import BarChart from './BarChart';
import { DUMMY_DATA } from '../constants';
import { format } from 'date-fns';
function RecentResult() {
return (
<div className="grid grid-cols-3 gap-4">
<div className="border border-gray-500">image</div>
<BarChart data={DUMMY_DATA.latest.particleSizeRatio} />
<div className="flex justify-center items-center text-center text-xl font-semibold">
<div>
<div></div>
<div>
{format(DUMMY_DATA.latest.timestamp, 'yyyy-MM-dd HH:mm:ss')}
</div>
</div>
</div>
</div>
);
}
export default RecentResult;