Change pending points color ramp; enable address search only when value is provided

src/Map/AddressSearch.jsx

@@ -30,13 +30,17 @@ export const AddressSearch = ({ autoFocus = false }) => {
   const { setClickedPointConfig } = useClickedPointConfig();
   const inputRef = useRef();
 
-  const { data } = useQuery(["address", debouncedValue], async () => {
+  const { data } = useQuery(
+    ["address", debouncedValue],
+    async () => {
       const result = await api.get(
         `/api/placement_points/search_address?page_size=100&address=${debouncedValue}`
       );
 
       return result.data;
-  });
+    },
+    { enabled: !!debouncedValue }
+  );
 
   const options = useMemo(() => {
     if (!data) return [];

src/Map/Layers/layers-config.js

@@ -4,9 +4,9 @@ const UNMATCH_POINT_SIZE = 3;
 export const PENDING_COLOR = {
   property: "prediction_current",
   stops: [
-    [190, "#FDEBF0"],
+    [170, "#FDEBF0"],
-    [215, "#F8C7D8"],
+    [200, "#F8C7D8"],
-    [230, "#F398BC"],
+    [220, "#F398BC"],
     [240, "#EE67A1"],
     [250, "#B64490"],
     [270, "#7E237E"],