Update styles; update export params; make region select searchable

src/index.css

@@ -33,6 +33,15 @@
 
 .maplibregl-export-control {
   @apply !w-[30px] !h-[30px];
+  background: url('data:image/svg+xml;charset=UTF-8,<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m422.5 99v-24c0-41.355-33.645-75-75-75h-184c-41.355 0-75 33.645-75 75v24z"/><path d="m118.5 319v122 26 15c0 16.568 13.431 30 30 30h214c16.569 0 30-13.432 30-30v-15-26-122zm177 128h-80c-8.284 0-15-6.716-15-15s6.716-15 15-15h80c8.284 0 15 6.716 15 15s-6.716 15-15 15zm0-64h-80c-8.284 0-15-6.716-15-15s6.716-15 15-15h80c8.284 0 15 6.716 15 15s-6.716 15-15 15z"/><path d="m436.5 129h-361c-41.355 0-75 33.645-75 75v120c0 41.355 33.645 75 75 75h13v-80h-9c-8.284 0-15-6.716-15-15s6.716-15 15-15h24 304 24c8.284 0 15 6.716 15 15s-6.716 15-15 15h-9v80h14c41.355 0 75-33.645 75-75v-120c0-41.355-33.645-75-75-75zm-309 94h-48c-8.284 0-15-6.716-15-15s6.716-15 15-15h48c8.284 0 15 6.716 15 15s-6.716 15-15 15z"/></g></svg>');
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 70%;
+}
+
+.mapboxgl-ctrl-top-left .mapboxgl-ctrl,
+.maplibregl-ctrl-top-left .maplibregl-ctrl {
+  margin: 20px 0 0 20px;
 }
 
 .maplibregl-export-list {

src/modules/Sidebar/RegionSelect.jsx

@@ -79,7 +79,7 @@ export const RegionSelect = () => {
     <div>
       <Title text={"АО / район"} />
       <TreeSelect
-        // showSearch
+        showSearch
         style={{ width: "100%" }}
         value={region}
         dropdownStyle={{ maxHeight: 400, overflow: "auto" }}
@@ -88,8 +88,7 @@ export const RegionSelect = () => {
         treeDefaultExpandAll={false}
         onChange={onChange}
         loading={loading}
-        // treeNodeFilterProp="name"
-        // filterTreeNode={true}
+        treeNodeFilterProp="title"
         onClear={handleClear}
       >
         {data?.map((parent) => {

src/modules/Sidebar/Sidebar.jsx

@@ -14,6 +14,7 @@ import { useGridSize } from "../../stores/useGridSize";
 import { api } from "../../config";
 import { useRating } from "../../stores/useRating";
 import { useState } from "react";
+import { useModel } from "../../stores/useModel";
 
 const activeTablesMapper = {
   net_3: ["point3", "net_3"],
@@ -52,6 +53,7 @@ export const Sidebar = () => {
   const { region } = useRegion();
   const { gridSize } = useGridSize();
   const { rate: rateRange } = useRating();
+  const { model } = useModel();
 
   const [isExporting, setIsExporting] = useState(false);
 
@@ -65,6 +67,7 @@ export const Sidebar = () => {
           rate_from: rateRange[0],
           rate_to: rateRange[1],
         },
+        method: model === "ml" ? "model" : "rate",
       };
 
       if (region) {