From 3608524019aa9450a9cecf56664a649a112c6aa1 Mon Sep 17 00:00:00 2001
From: Atalya Alon <atalya.alon@gmail.com>
Date: Wed, 18 Dec 2024 13:50:36 +0200
Subject: [PATCH] update AccidentCountByRoadLight as piechart

---
 .../widgets/AccidentCountByRoadLight.tsx      | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/molecules/widgets/AccidentCountByRoadLight.tsx b/src/components/molecules/widgets/AccidentCountByRoadLight.tsx
index c85dcf29..2cb99bc6 100644
--- a/src/components/molecules/widgets/AccidentCountByRoadLight.tsx
+++ b/src/components/molecules/widgets/AccidentCountByRoadLight.tsx
@@ -1,12 +1,24 @@
 import React, { FC } from 'react';
 import { IWidgetAccidentCountByRoadLight } from 'models/WidgetData';
+import PieChartView from 'components/molecules/PieChartView';
 
+const ROAD_LIGHT = 'road_light';
+const COUNT = 'count';
+const INNER_RADIUS = '40%';
+const OUTER_RADIUS = '70%';
 interface IProps {
   data: IWidgetAccidentCountByRoadLight;
-  segmentText: string;
 }
 
-const AccidentCountByRoadLight: FC<IProps> = () => {
-  return <div> {} </div>;
+const AccidentCountByRoadLight: FC<IProps> = ({ data }) => {
+  return (
+    <PieChartView
+      data={data.items}
+      xLabel={ROAD_LIGHT}
+      yLabel={COUNT}
+      outerRadius={OUTER_RADIUS}
+      innerRadius={INNER_RADIUS}
+    />
+  );
 };
-export default AccidentCountByRoadLight;
+export default AccidentCountByRoadLight;
\ No newline at end of file