From cc29d19b9185703492e90664b3d024fdf96204cc Mon Sep 17 00:00:00 2001
From: paul sandjong <princesandjong777@gmail.com>
Date: Thu, 12 Feb 2026 21:18:03 +0100
Subject: [PATCH] improve UI handling by the prop component ActionButton

---
 src/components/generics/SearcherActionButton.jsx | 2 +-
 src/components/generics/SearcherPane.jsx         | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/generics/SearcherActionButton.jsx b/src/components/generics/SearcherActionButton.jsx
index c0d71249..62a16e4b 100644
--- a/src/components/generics/SearcherActionButton.jsx
+++ b/src/components/generics/SearcherActionButton.jsx
@@ -22,4 +22,4 @@ const SearcherActionButton = ({ onClick, startIcon, label }) => {
   );
 };
 
-export default SearcherActionButton;
+export default SearcherActionButton;
\ No newline at end of file
diff --git a/src/components/generics/SearcherPane.jsx b/src/components/generics/SearcherPane.jsx
index 19362d5f..a3b0be6f 100644
--- a/src/components/generics/SearcherPane.jsx
+++ b/src/components/generics/SearcherPane.jsx
@@ -103,6 +103,7 @@ class SearcherPane extends Component {
       appliedFiltersRowStructure = null,
       setAppliedFiltersRowStructure = null,
       applyNumberCircle = null,
+      ActionButton = SearcherActionButton,
     } = this.props;
     return (
       <StyledSearcherPane>
@@ -135,7 +136,7 @@ class SearcherPane extends Component {
                     )}
                     {!!actions &&
                       actions.map((a, idx) => (
-                        <SearcherActionButton
+                        <ActionButton
                           key={`action-${idx}`}
                           onClick={a.action}
                           startIcon={a.icon}
@@ -143,7 +144,7 @@ class SearcherPane extends Component {
                         />
                       ))}
                     {!!reset && (
-                      <SearcherActionButton
+                      <ActionButton
                         key="action-reset"
                         startIcon={<ResetFilterIcon />}
                         onClick={this.debouncedReset}
@@ -151,7 +152,7 @@ class SearcherPane extends Component {
                       />
                     )}
                     {!!refresh && (
-                      <SearcherActionButton
+                      <ActionButton
                         key="action-refresh"
                         startIcon={<DefaultSearchIcon />}
                         onClick={this.debouncedRefresh}