improve locations page UI by props

Author: Blue-B-code

src/components/generics/SearcherActionButton.jsx

@@ -1,14 +1,28 @@
 import React from "react";
-
-import { Typography, Button } from "@mui/material";
+import { Button, IconButton } from "@mui/material";
 
 import { useModulesManager } from "../../helpers/modules";
 import { DEFAULT } from "../../constants";
 
-const SearcherActionButton = ({ onClick, startIcon, label }) => {
+const SearcherActionButton = ({ onClick, startIcon, label, isLocationPane }) => {
   const modulesManager = useModulesManager();
   const isWorker = modulesManager.getConf("fe-core", "isWorker", DEFAULT.IS_WORKER);
 
+  if (isLocationPane) {
+    return (
+      <IconButton
+        size="small"
+        onClick={onClick}
+        color="inherit"
+        sx={{
+          padding: "4px",
+        }}
+      >
+        {startIcon}
+      </IconButton>
+    );
+  }
+
   return (
     <Button 
       variant="text" 

src/components/generics/SearcherPane.jsx

@@ -103,6 +103,7 @@ class SearcherPane extends Component {
       appliedFiltersRowStructure = null,
       setAppliedFiltersRowStructure = null,
       applyNumberCircle = null,
+      isLocationPane = false,
     } = this.props;
     return (
       <StyledSearcherPane>
@@ -140,6 +141,7 @@ class SearcherPane extends Component {
                           onClick={a.action}
                           startIcon={a.icon}
                           label={a.label || ""}
+                          isLocationPane={isLocationPane}
                         />
                       ))}
                     {!!reset && (
@@ -148,14 +150,16 @@ class SearcherPane extends Component {
                         startIcon={<ResetFilterIcon />}
                         onClick={this.debouncedReset}
                         label={formatMessage(this.props.intl, module, "resetFilterTooltip")}
+                        isLocationPane={isLocationPane}
                       />
                     )}
-                    {!!refresh && (
+                    {(!!refresh && !isLocationPane) && (
                       <SearcherActionButton
                         key="action-refresh"
                         startIcon={<DefaultSearchIcon />}
                         onClick={this.debouncedRefresh}
                         label={formatMessage(this.props.intl, module, "refreshFilterTooltip")}
+                        isLocationPane={isLocationPane}
                       />
                     )}
                   </>