fix(mobile): make byhour filter like others

hasadna · Oct 30, 2023 · 12dd91e · 12dd91e
1 parent 22df36e
commit 12dd91e
Showing 1 changed file with 11 additions and 16 deletions.
diff --git a/src/pages/dashboard/DashboardPage.tsx b/src/pages/dashboard/DashboardPage.tsx
@@ -83,40 +83,35 @@ const DashboardPage = () => {
         sx={{ marginTop: '20px' }}
         justifyContent="space-between">
         <Grid lg={6} xs={12} container spacing={2} alignItems="center">
-          <Grid xs={4.5}>
+          <Grid xs={4}>
             <DateSelector
               time={startDate}
               onChange={(data) => setStartDate(data)}
               customLabel={TEXTS.start}
             />
           </Grid>
-          <Grid xs={0.1}>-</Grid>
-          <Grid xs={4.5}>
+          <Grid xs={1}>-</Grid>
+          <Grid xs={4}>
             <DateSelector
               time={endDate}
               onChange={(data) => setEndDate(data)}
               customLabel={TEXTS.end}
             />
           </Grid>
-          <Grid xs={1}>
-            <FormControlLabel
-              control={
+          <Grid xs={3}>
+            <div style={{ display: 'flex', flexDirection: 'column' }}>
+              <div style={{ fontSize: '0.7rem', textAlign: 'center' }}>
+                {TEXTS.group_by_hour_tooltip_content}
+              </div>
+              <div style={{ display: 'flex', justifyContent: 'center' }}>
                 <Switch checked={groupByHour} onChange={(e) => setGroupByHour(e.target.checked)} />
-              }
-              label={TEXTS.group_by_hour_tooltip_content}
-            />
+              </div>
+            </div>
           </Grid>
         </Grid>
         <Grid lg={1} display={{ xs: 'none', lg: 'block' }}>
           <Label text={TEXTS.choose_operator} />
         </Grid>
-        <Grid lg={5} display={{ xs: 'none', lg: 'block' }}>
-          <OperatorSelector
-            operatorId={operatorId}
-            setOperatorId={setOperatorId}
-            onlyMajorOperators
-          />
-        </Grid>
       </Grid>
       <Grid container spacing={2} alignItems="flex-start">
         <Grid xs={12} lg={6}>