Components/Output/PaymentsTable: disable pagination

apps/web/Components/Output/PaymentsTable/index.jsx

@@ -10,19 +10,25 @@ const PaymentsTable = observer(() => {
   const { $results, $process } = useStore();
 
   const unlimited = $process.has('Unlimited');
+  const dataSource = toJS($results.payments);
+
+  const dataColumns = !unlimited ? columns.filter((x) => !x.key.includes('_')) : columns;
 
   return (
     <Table
-      columns={!unlimited ? columns.filter((x) => !x.key.includes('_')) : columns}
-      dataSource={toJS($results.payments)}
+      columns={dataColumns}
+      dataSource={dataSource}
       size="small"
       pagination={{
-        defaultPageSize: 12,
-        pageSizeOptions: [12, MAX_LEASING_PERIOD],
+        defaultPageSize: MAX_LEASING_PERIOD,
+        hideOnSinglePage: true,
         responsive: true,
+        // showLessItems: true,
+        showSizeChanger: false,
       }}
       scroll={{
-        x: true,
+        x: dataColumns.length > 4 && 1000,
+        y: 630,
       }}
     />
   );

apps/web/Components/Output/index.jsx

@@ -42,7 +42,7 @@ const Wrapper = styled(Background)`
 
   ${min('laptop')} {
     padding: 4px 18px;
-    min-height: 641px;
+    min-height: 790px;
   }
 `;