Show address search on table only on fullscreen mode

src/components/SliderComponent.jsx

@@ -3,7 +3,11 @@ import { Slider } from "antd";
 import { useEffect, useState } from "react";
 
 const Mark = ({ value }) => {
-  return <span className={"text-grey text-xs"}>{value}</span>;
+  return (
+    <span className={"text-grey text-xs bg-white-background-light"}>
+      {value}
+    </span>
+  );
 };
 
 const getInitialMarks = (fullRange, value) => {

src/modules/Table/WorkingTable/useColumns.jsx

@@ -4,14 +4,20 @@ import { getRegionNameById } from "../../../Map/Popup/mode-popup/config.js";
 import { SearchOutlined } from "@ant-design/icons";
 import { Button, Popover } from "antd";
 import { AddressSearch } from "../../../Map/AddressSearch.jsx";
+import { useTable } from "../../../stores/useTable.js";
 
 export const useColumns = () => {
   const { data: regions } = useGetRegions();
+  const {
+    tableState: { fullScreen },
+  } = useTable();
+
+  console.log(fullScreen);
 
   return useMemo(() => {
     return [
       {
-        title: (
+        title: fullScreen ? (
           <div className="flex items-center justify-between">
             <span>Адрес</span>
             <Popover
@@ -24,6 +30,8 @@ export const useColumns = () => {
               </Button>
             </Popover>
           </div>
+        ) : (
+          "Адрес"
         ),
         dataIndex: "address",
         key: "address",
@@ -111,5 +119,5 @@ export const useColumns = () => {
         ellipsis: true,
       },
     ];
-  }, [regions?.normalized]);
+  }, [regions?.normalized, fullScreen]);
 };

src/modules/Table/useColumns.jsx

@@ -5,14 +5,18 @@ import { getRegionNameById } from "../../Map/Popup/mode-popup/config.js";
 import { Button, Popover } from "antd";
 import { AddressSearch } from "../../Map/AddressSearch.jsx";
 import { SearchOutlined } from "@ant-design/icons";
+import { useTable } from "../../stores/useTable.js";
 
 export const useColumns = (fields = []) => {
   const { data: regions } = useGetRegions();
+  const {
+    tableState: { fullScreen },
+  } = useTable();
 
   return useMemo(() => {
     return [
       {
-        title: (
+        title: fullScreen ? (
           <div className="flex items-center justify-between">
             <span>Адрес</span>
             <Popover
@@ -25,6 +29,8 @@ export const useColumns = (fields = []) => {
               </Button>
             </Popover>
           </div>
+        ) : (
+          "Адрес"
         ),
         dataIndex: "address",
         key: "address",
@@ -83,5 +89,5 @@ export const useColumns = (fields = []) => {
       },
       ...fields,
     ];
-  }, [regions?.normalized, fields]);
+  }, [regions?.normalized, fields, fullScreen]);
 };