order chart directories to 3 main folders

src/pages/RealtimeMapPage.tsx

@@ -15,7 +15,7 @@ import Grid from '@mui/material/Unstable_Grid2' // Grid version 2
 import { PageContainer } from './components/PageContainer'
 import { INPUT_SIZE } from 'src/resources/sizes'
 import { Label } from './components/Label'
-import { getColorByHashString } from './dashboard/OperatorHbarChart/utils'
+import { getColorByHashString } from './dashboard/AllLineschart/OperatorHbarChart/utils'
 import createClusterCustomIcon from './components/utils/customCluster/customCluster'
 import { TimeSelector } from './components/TimeSelector'
 import { busIcon, busIconPath } from './components/utils/BusIcon'

src/pages/SingleLineMapPage.tsx

@@ -17,7 +17,7 @@ import Grid from '@mui/material/Unstable_Grid2' // Grid version 2
 import './Map.scss'
 import getAgencyList, { Agency } from 'src/api/agencyList'
 import { VehicleLocation } from 'src/model/vehicleLocation'
-import { getColorByHashString } from './dashboard/OperatorHbarChart/utils'
+import { getColorByHashString } from './dashboard/AllLineschart/OperatorHbarChart/utils'
 import { DateSelector } from './components/DateSelector'
 import { CircularProgress } from '@mui/material'
 import { FilterPositionsByStartTimeSelector } from './components/FilterPositionsByStartTimeSelector'

src/pages/dashboard/AllLineschart/AllLinesChart.tsx

@@ -2,7 +2,7 @@ import { Tooltip } from '@mui/material'
 import { Skeleton } from 'antd'
 import { Fragment } from 'react'
 import { TEXTS } from 'src/resources/texts'
-import OperatorHbarChart from '../OperatorHbarChart/OperatorHbarChart'
+import OperatorHbarChart from './OperatorHbarChart/OperatorHbarChart'
 import { GroupByRes, useGroupBy } from 'src/api/groupByService'
 import { FC } from 'react'
 import { Moment } from 'moment/moment'

src/pages/dashboard/OperatorHbarChart/OperatorHbarChart.tsx → src/pages/dashboard/AllLineschart/OperatorHbarChart/OperatorHbarChart.tsx

@@ -1,6 +1,6 @@
 import './operatorsHbarChart.scss'
 import { getColorByHashString } from './utils'
-import { HbarChart } from '../HbarChart/HbarChart'
+import { HbarChart } from '../../WorstLinesChart/LineHbarChart/HbarChart/HbarChart'
 
 const colorsByCompannies: { [index: string]: string } = {
   'אגד תעבורה': '#2f9250',

src/pages/dashboard/ArrivalByTimeChart/DayTimeChart.tsx

@@ -20,9 +20,10 @@ const convertToGraphCompatibleStruct = (arr: GroupByRes[]) => {
 interface DayTimeChartProps {
   startDate: Moment
   endDate: Moment
+  operatorId: string
 }
 
-const DayTimeChart: FC<DayTimeChartProps> = ({ startDate, endDate }) => {
+const DayTimeChart: FC<DayTimeChartProps> = ({ startDate, endDate, operatorId }) => {
   const [groupByHour, setGroupByHour] = React.useState<boolean>(false)
 
   const [graphData, loadingGraph] = useGroupBy({
@@ -46,7 +47,10 @@ const DayTimeChart: FC<DayTimeChartProps> = ({ startDate, endDate }) => {
       {loadingGraph ? (
         <Skeleton active />
       ) : (
-        <ArrivalByTimeChart data={convertToGraphCompatibleStruct(graphData)} operatorId={''} />
+        <ArrivalByTimeChart
+          data={convertToGraphCompatibleStruct(graphData)}
+          operatorId={operatorId}
+        />
       )}
     </div>
   )

src/pages/dashboard/DashboardPage.tsx

@@ -76,7 +76,7 @@ const DashboardPage = () => {
           <WorstLinesChart startDate={startDate} endDate={endDate} operatorId={operatorId} />
         </Grid>
         <Grid xs={12}>
-          <DayTimeChart startDate={startDate} endDate={endDate} />
+          <DayTimeChart startDate={startDate} endDate={endDate} operatorId={operatorId} />
         </Grid>
       </Grid>
     </PageContainer>

src/pages/dashboard/LineHbarChart/LinesHbarChart.tsx → src/pages/dashboard/WorstLinesChart/LineHbarChart/LinesHbarChart.tsx

@@ -1,5 +1,5 @@
-import { HbarChart } from '../HbarChart/HbarChart'
-import { getColorName } from '../OperatorHbarChart/OperatorHbarChart'
+import { HbarChart } from './HbarChart/HbarChart'
+import { getColorName } from '../../AllLineschart/OperatorHbarChart/OperatorHbarChart'
 
 function LinesHbarChart({
   lines,

src/pages/dashboard/WorstLinesChart/WorstLinesChart.tsx

@@ -1,6 +1,6 @@
 import { Skeleton } from 'antd'
 import { GroupByRes, useGroupBy } from 'src/api/groupByService'
-import LinesHbarChart from '../LineHbarChart/LinesHbarChart'
+import LinesHbarChart from './LineHbarChart/LinesHbarChart'
 import { TEXTS } from 'src/resources/texts'
 import { FC } from 'react'
 import { Moment } from 'moment/moment'