removed filter feature flag

Author: whitneywind

client/src/components/FoodSeeker/SearchResults/ResultsFilters/ResultsFilters.tsx

@@ -29,7 +29,7 @@ const ResultsFilters: FC<ResultsFiltersProps> = ({
     >
       <Grid2
         display={{ xs: "none", sm: "block" }}
-        sm="auto"
+        sm={4}
         sx={{
           paddingLeft: "1rem",
         }}
@@ -50,7 +50,7 @@ const ResultsFilters: FC<ResultsFiltersProps> = ({
       <Grid2
         container
         xs={12}
-        sm={true}
+        sm={8}
         justifyContent="center"
         alignItems="center"
       >

client/src/components/FoodSeeker/SearchResults/ResultsMap/ResultsMap.tsx

@@ -15,7 +15,6 @@ import RemoveIcon from "@mui/icons-material/RemoveRounded";
 import { MAPBOX_STYLE } from "constants/map";
 import { MAPBOX_ACCESS_TOKEN, DEFAULT_VIEWPORT } from "helpers/Constants";
 import useBreakpoints from "hooks/useBreakpoints";
-import useFeatureFlag from "hooks/useFeatureFlag";
 import "mapbox-gl/dist/mapbox-gl.css";
 import Map, { Layer, Marker, Source } from "react-map-gl";
 import { useLocation, useNavigate } from "react-router-dom";
@@ -110,7 +109,6 @@ const ResultsMap = ({
   const neighborhood = useNeighborhood() as { geojson?: any } | null;
   const regionGeoJSON = neighborhood?.geojson;
   const startIconCoordinates = searchCoordinates || userCoordinates;
-  const hasAdvancedFilterFeatureFlag = useFeatureFlag("advancedFilter");
 
   const onMouseEnter = useCallback(() => setCursor("pointer"), []);
   const onMouseLeave = useCallback(() => setCursor("auto"), []);
@@ -461,7 +459,8 @@ const ResultsMap = ({
           </Source>
         )}
       </Map>
-      {!loading && hasAdvancedFilterFeatureFlag && (
+
+      {!loading && (
         <Grid
           container={isMobile}
           wrap={isMobile ? "nowrap" : undefined}

client/src/components/FoodSeeker/SearchResults/SearchResults.tsx

@@ -116,20 +116,6 @@ const SearchResults = () => {
     }
   }, [positionDraggable]);
 
-  // USE EFFECT BASED ON THIS FUNCTION IN Mobile.js
-  // const handleStop = (e, ui) => {
-  //   const windowHeight = window.innerHeight / 100;
-  //   let newY;
-  //   if (ui.y < 20 * windowHeight) {
-  //     newY = hasAdvancedFilterFeatureFlag ? (100 / window.innerHeight) * 60 : 0;
-  //   } else if (ui.y > 20 * windowHeight && ui.y < 40 * windowHeight) {
-  //     newY = 17;
-  //   } else if (ui.y > 40 * windowHeight) {
-  //     newY = 54;
-  //   }
-  //   setPosition({ x: 0, y: newY * windowHeight });
-  // };
-
   // If path starts with "widget", then set the state variable isWidget to true,
   // so we stay in widget mode (w/o normal App Header and Footer)
   useEffect(() => {

client/src/components/FoodSeeker/SearchResults/layouts/Mobile.tsx

@@ -4,7 +4,6 @@ import Draggable, { DraggableEvent, DraggableData } from "react-draggable";
 import { useFilterPanel } from "appReducer";
 import AttributionInfo from "../AttributionInfo";
 import { useAppDispatch } from "../../../../appReducer";
-import useFeatureFlag from "hooks/useFeatureFlag";
 
 const getOverlayStyle = (positionY: number) => ({
   position: "absolute" as const,
@@ -29,7 +28,6 @@ interface MobileLayoutProps {
 const MobileLayout: FC<MobileLayoutProps> = ({ filters, map, list, showList }) => {
   const filterPanelOpen = useFilterPanel();
   const initialY = showList ? 5 : 57;
-  const hasAdvancedFilterFeatureFlag = useFeatureFlag("advancedFilter");
   const dispatch = useAppDispatch();
   const [position, setPosition] = useState({
     x: 0,
@@ -49,17 +47,15 @@ const MobileLayout: FC<MobileLayoutProps> = ({ filters, map, list, showList }) =
     }
 
     setPosition({ x: 0, y: newY * (window.innerHeight / 100) });
-  }, [showList, filterPanelOpen, hasAdvancedFilterFeatureFlag]);
+  }, [showList, filterPanelOpen]);
 
   const handleDrag = (e: DraggableEvent, ui: DraggableData) => {
     setPosition({ x: 0, y: ui.y });
   };
 
   const handleStop = (e: DraggableEvent, ui: DraggableData) => {
     const windowHeight = window.innerHeight / 100;
-    const minY = hasAdvancedFilterFeatureFlag
-      ? (100 / window.innerHeight) * 60
-      : 0;
+    const minY = (100 / window.innerHeight) * 60;
     const maxY = 80;
     const snapPoints = [minY, 35, maxY];
     const snapThreshold = 5;