Merge branch 'feature/history-compute' of https://github.com/oceanprotocol/market into feature/history-compute

src/components/organisms/AssetActions/Compute.tsx

@@ -128,17 +128,20 @@ export default function Compute({
       <Dropzone multiple={false} handleOnDrop={onDrop} />
 
       <div className={styles.actions}>
-        <Button
+        {isLoading ? (
-          style="primary"
+          <Loader message={computeStepText} />
-          onClick={() => startJob()}
+        ) : (
-          disabled={isComputeButtonDisabled}
+          <Button
-        >
+            style="primary"
-          {hasDatatoken ? 'Start job' : 'Buy'}
+            onClick={() => startJob()}
-        </Button>
+            disabled={isComputeButtonDisabled}
+          >
+            {hasDatatoken ? 'Start job' : 'Buy'}
+          </Button>
+        )}
       </div>
 
       <footer className={styles.feedback}>
-        {isLoading && <Loader message={computeStepText} />}
         {computeError !== undefined && (
           <Alert text={computeError} state="error" />
         )}

src/components/pages/History/PoolTransactions.tsx

@@ -97,8 +97,8 @@ export default function PoolTransactions(): ReactElement {
       data={logs}
       className={styles.table}
       noHeader
-      pagination={logs?.length >= 19}
+      pagination={logs?.length >= 9}
-      paginationPerPage={20}
+      paginationPerPage={10}
       noDataComponent={<Empty />}
     />
   )