feat: add pagination to commits table

ccontrols · Feb 27, 2021 · fa9d15d · fa9d15d
1 parent 369f867
commit fa9d15d
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/ui/blocks/src/ComponentCommits/ComponentCommits.tsx b/ui/blocks/src/ComponentCommits/ComponentCommits.tsx
@@ -92,6 +92,17 @@ export const ComponentCommits: FC<ComponentCommitsProps> = ({
     return null;
   }
 
+  const paginationProps = {
+    pageIndex: 0,
+    pageSize: 10,
+    pageTemplate: 'Page ${pageIndex} of ${pageLength}',
+    pageVisible: true,
+    pageSizeTemplate: '${pageSize} rows',
+    pageSizeVisible: true,
+    goToPageVisible: true,
+    goToPageTemplate: 'Go to page:',
+  };
+
   return (
     <BlockContainer {...props}>
       <Table<Commit>
@@ -104,6 +115,7 @@ export const ComponentCommits: FC<ComponentCommitsProps> = ({
             desc: true,
           },
         ]}
+        pagination={paginationProps}
       />
     </BlockContainer>
   );