Colors For Event Dots

src/components/Calendar/CalendarComponents/components/DaysList.js

@@ -268,7 +268,7 @@ const DaysList = ({
           return(
            
 <svg height="5" key={'dot' + e.id} width="5">
-<circle cx="2.5" cy="2.5" r="2"  stroke-width="3" fill="red" />
+<circle cx="2.5" cy="2.5" r="2"  stroke-width="3" fill={e.categoryId == 2 ? 'blue' : e.categoryId == 3 ? 'green' : 'red'} />
 
 </svg>) ;
 

src/components/Calendar/index.js

@@ -74,6 +74,7 @@ const eventsList = [
         type: "global",
         isHoliday: true,
         date: "2022-01-12T00:00:00.000Z",
+        categoryId: 2,
         year: 1401,
         month: 1,
         day: 1