16 lines
360 B
TypeScript
16 lines
360 B
TypeScript
import { useLatestSighting } from "../../hooks/useLatestSighting";
|
|
|
|
const SightingCanvas = () => {
|
|
const { canvasRef } = useLatestSighting();
|
|
return (
|
|
<div className="w-70 flex flex-col">
|
|
<canvas
|
|
ref={canvasRef}
|
|
className="items-center w-full h-10 object-contain block"
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SightingCanvas;
|