#708 apply strictier linting rules (#717)

* #708 apply strictier linting rules and fix simple eslint bugs

* #708 fix eslint errors relate to promise

* #708 fix eslint import/no-extraneous-dependencies

* #708 fix eslint errors of react-hook

* #708 enable eslint check for typescript

---------

Co-authored-by: lethemanh <lethemanh@lethemanhs-MacBook-Pro.local>

src/components/Calendar/hooks/useCalendarEventHandlers.ts

@@ -1,12 +1,12 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-import { useCallback } from "react";
+import { useCallback } from 'react'
 import {
   createEventHandlers,
-  EventHandlersProps,
-} from "../handlers/eventHandlers";
+  EventHandlersProps
+} from '../handlers/eventHandlers'
 
 export const useCalendarEventHandlers = (props: EventHandlersProps) => {
-  const eventHandlers = createEventHandlers(props);
+  const eventHandlers = createEventHandlers(props)
 
   return {
     handleDateSelect: useCallback(eventHandlers.handleDateSelect, [
@@ -14,13 +14,13 @@ export const useCalendarEventHandlers = (props: EventHandlersProps) => {
       props.setAnchorEl,
       props.setTempEvent,
       props.tempUsers,
-      props.timezone,
+      props.timezone
     ]),
     handleClosePopover: useCallback(eventHandlers.handleClosePopover, [
       props.calendarRef,
       props.setAnchorEl,
       props.setSelectedRange,
-      props.dispatch,
+      props.dispatch
     ]),
     handleCloseEventDisplay: useCallback(
       eventHandlers.handleCloseEventDisplay,
@@ -32,7 +32,7 @@ export const useCalendarEventHandlers = (props: EventHandlersProps) => {
       props.setEventDisplayedCalId,
       props.setEventDisplayedTemp,
       props.calendars,
-      props.dispatch,
+      props.dispatch
     ]),
     handleEventAllow: useCallback(eventHandlers.handleEventAllow, []),
     handleEventDrop: useCallback(eventHandlers.handleEventDrop, [
@@ -40,11 +40,11 @@ export const useCalendarEventHandlers = (props: EventHandlersProps) => {
       props.dispatch,
       props.setSelectedEvent,
       props.setOpenEditModePopup,
-      props.setAfterChoiceFunc,
+      props.setAfterChoiceFunc
     ]),
     handleEventResize: useCallback(eventHandlers.handleEventResize, [
       props.calendars,
-      props.dispatch,
-    ]),
-  };
-};
+      props.dispatch
+    ])
+  }
+}

src/components/Calendar/hooks/useCalendarViewHandlers.ts

@@ -1,19 +1,16 @@
 /* eslint-disable react-hooks/exhaustive-deps */
-import { useCallback } from "react";
-import {
-  createViewHandlers,
-  ViewHandlersProps,
-} from "../handlers/viewHandlers";
+import { useCallback } from 'react'
+import { createViewHandlers, ViewHandlersProps } from '../handlers/viewHandlers'
 
 export const useCalendarViewHandlers = (props: ViewHandlersProps) => {
-  const viewHandlers = createViewHandlers(props);
+  const viewHandlers = createViewHandlers(props)
 
   return {
     handleDayHeaderDidMount: useCallback(viewHandlers.handleDayHeaderDidMount, [
       props.calendarRef,
       props.setSelectedDate,
       props.setSelectedMiniDate,
-      props.onViewChange,
+      props.onViewChange
     ]),
     handleDayHeaderWillUnmount: useCallback(
       viewHandlers.handleDayHeaderWillUnmount,
@@ -23,14 +20,14 @@ export const useCalendarViewHandlers = (props: ViewHandlersProps) => {
     handleViewWillUnmount: useCallback(viewHandlers.handleViewWillUnmount, []),
     handleEventContent: useCallback(viewHandlers.handleEventContent, [
       props.calendars,
-      props.tempcalendars,
+      props.tempcalendars
     ]),
     handleEventDidMount: useCallback(viewHandlers.handleEventDidMount, [
-      props.calendars,
+      props.calendars
     ]),
     handleNowIndicatorContent: useCallback(
       viewHandlers.handleNowIndicatorContent,
       []
-    ),
-  };
-};
+    )
+  }
+}