From 19796c7c50107bba37a9ac78ae99ded728fe9e02 Mon Sep 17 00:00:00 2001
From: Reckless_Satoshi <reckless.satoshi@protonmail.com>
Date: Thu, 17 Nov 2022 12:24:55 -0800
Subject: [PATCH] Fix non interactive book controls

---
 .../src/components/BookTable/BookControl.tsx  |  6 ++---
 frontend/src/components/BookTable/index.tsx   | 27 +++++++++----------
 2 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/BookTable/BookControl.tsx b/frontend/src/components/BookTable/BookControl.tsx
index b9ac000dc..1a5c3c2bb 100644
--- a/frontend/src/components/BookTable/BookControl.tsx
+++ b/frontend/src/components/BookTable/BookControl.tsx
@@ -148,7 +148,7 @@ const BookControl = ({
           </Grid>
         ) : null}
 
-        {width > mediumToolbarWidth && window.NativeRobosats === undefined ? (
+        {width > mediumToolbarWidth ? (
           <Grid item>
             <AutocompletePayments
               sx={{
@@ -176,9 +176,7 @@ const BookControl = ({
           </Grid>
         ) : null}
 
-        {/* Native Android app must always show the Select, as the on display keyboard does not play well with the book table component */}
-        {(width > smallestToolbarWidth && width < mediumToolbarWidth) ||
-        window.NativeRobosats != undefined ? (
+        {width > smallestToolbarWidth && width < mediumToolbarWidth ? (
           <Grid item>
             <Select
               sx={{
diff --git a/frontend/src/components/BookTable/index.tsx b/frontend/src/components/BookTable/index.tsx
index 08a490b96..b9e8369e5 100644
--- a/frontend/src/components/BookTable/index.tsx
+++ b/frontend/src/components/BookTable/index.tsx
@@ -694,20 +694,6 @@ const BookTable = ({
     );
   };
 
-  const Controls = function () {
-    return (
-      <BookControl
-        width={width}
-        type={fav.type}
-        currency={fav.currency}
-        onCurrencyChange={onCurrencyChange}
-        onTypeChange={onTypeChange}
-        paymentMethod={paymentMethods}
-        setPaymentMethods={setPaymentMethods}
-      />
-    );
-  };
-
   const gridComponents = function () {
     const components: GridComponentProps = {
       LoadingOverlay: LinearProgress,
@@ -721,7 +707,7 @@ const BookTable = ({
       components.Footer = Footer;
     }
     if (showControls) {
-      components.Toolbar = Controls;
+      components.Toolbar = BookControl;
     }
     return components;
   };
@@ -753,6 +739,17 @@ const BookTable = ({
           columns={columns}
           hideFooter={!showFooter}
           components={gridComponents()}
+          componentsProps={{
+            toolbar: {
+              width,
+              type: fav.type,
+              currency: fav.currency,
+              onCurrencyChange,
+              onTypeChange,
+              paymentMethod: paymentMethods,
+              setPaymentMethods,
+            },
+          }}
           pageSize={book.loading && book.orders.length == 0 ? 0 : pageSize}
           rowsPerPageOptions={width < 22 ? [] : [0, pageSize, defaultPageSize * 2, 50, 100]}
           onPageSizeChange={(newPageSize) => {