fixes for FilterBar.tsx ONLY

src/ReportSnapshots.tsx

@@ -4,7 +4,6 @@ import {
   Container,
   Paper,
   Typography,
-  TextField,
   Button,
   IconButton,
   CircularProgress,
@@ -15,8 +14,6 @@ import {
   DialogContent,
   DialogContentText,
   DialogActions,
-  Switch,
-  FormControlLabel,
   Chip,
 } from "@mui/material";
 import DeleteIcon from "@mui/icons-material/Delete";
@@ -125,22 +122,17 @@ export default function ReportSnapshots() {
         </Typography>
 
         <Box sx={{ display: "flex", flexDirection: "column", gap: 2 }}>
-          {ignoreSelfField && components?.FormField ? (
+          {ignoreSelfField && components?.FormField && (
             <components.FormField
               name="ignore_self"
               field={ignoreSelfField}
               value={ignoreSelf}
               onChange={(val: boolean) => setIgnoreSelf(val)}
             />
-          ) : (
-            <FormControlLabel
-              control={<Switch checked={ignoreSelf} onChange={(e) => setIgnoreSelf(e.target.checked)} />}
-              label="Ignore self-transfers"
-            />
           )}
 
           <Box sx={{ display: "flex", gap: 2 }}>
-            {startDateField && components?.datetime ? (
+            {startDateField && components?.datetime && (
               <Box sx={{ flex: 1 }}>
                 <components.datetime
                   name="start_date"
@@ -149,18 +141,8 @@ export default function ReportSnapshots() {
                   onChange={(val: string) => setStartDate(val)}
                 />
               </Box>
-            ) : (
-              <TextField
-                label="Start Date"
-                type="datetime-local"
-                value={startDate}
-                onChange={(e) => setStartDate(e.target.value)}
-                size="small"
-                InputLabelProps={{ shrink: true }}
-                sx={{ flex: 1 }}
-              />
             )}
-            {endDateField && components?.datetime ? (
+            {endDateField && components?.datetime && (
               <Box sx={{ flex: 1 }}>
                 <components.datetime
                   name="end_date"
@@ -169,21 +151,11 @@ export default function ReportSnapshots() {
                   onChange={(val: string) => setEndDate(val)}
                 />
               </Box>
-            ) : (
-              <TextField
-                label="End Date"
-                type="datetime-local"
-                value={endDate}
-                onChange={(e) => setEndDate(e.target.value)}
-                size="small"
-                InputLabelProps={{ shrink: true }}
-                sx={{ flex: 1 }}
-              />
             )}
           </Box>
 
           <Box sx={{ display: "flex", gap: 2 }}>
-            {minAmountField && components?.FormField ? (
+            {minAmountField && components?.FormField && (
               <Box sx={{ flex: 1 }}>
                 <components.FormField
                   name="min_amount"
@@ -192,17 +164,8 @@ export default function ReportSnapshots() {
                   onChange={(val: string) => setMinAmount(val)}
                 />
               </Box>
-            ) : (
-              <TextField
-                label="Min Amount"
-                type="number"
-                value={minAmount}
-                onChange={(e) => setMinAmount(e.target.value)}
-                size="small"
-                sx={{ flex: 1 }}
-              />
             )}
-            {maxAmountField && components?.FormField ? (
+            {maxAmountField && components?.FormField && (
               <Box sx={{ flex: 1 }}>
                 <components.FormField
                   name="max_amount"
@@ -211,15 +174,6 @@ export default function ReportSnapshots() {
                   onChange={(val: string) => setMaxAmount(val)}
                 />
               </Box>
-            ) : (
-              <TextField
-                label="Max Amount"
-                type="number"
-                value={maxAmount}
-                onChange={(e) => setMaxAmount(e.target.value)}
-                size="small"
-                sx={{ flex: 1 }}
-              />
             )}
           </Box>