feat: added a footer component

Author: ravgeetdhillon

.github/workflows/release.yml

@@ -66,8 +66,10 @@ jobs:
 
       - name: Commit and Push
         run: |
-          git config user.name "GitHub Actions"
-          git config user.email [email protected]
-          git add .
-          git commit -m "chore: updated build"
-          git push origin HEAD --force
+          if [ $(git status . --porcelain=v1 2>/dev/null | wc -l) != "0" ] ; then
+            git config user.name "GitHub Actions"
+            git config user.email [email protected]
+            git add .
+            git commit -m "chore: updated build"
+            git push origin HEAD --force
+          fi

src/DataTable/DataTable.tsx

@@ -120,6 +120,7 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 		direction = defaultProps.direction,
 		onColumnOrderChange = defaultProps.onColumnOrderChange,
 		keepExpandableFirst = defaultProps.keepExpandableFirst,
+		footer = defaultProps.footer,
 	} = props;
 
 	const {
@@ -564,6 +565,7 @@ function DataTable<T>(props: TableProps<T>): JSX.Element {
 							</Body>
 						)}
 					</Table>
+					{footer && <div>{footer}</div>}
 				</Wrapper>
 			</ResponsiveWrapper>
 

src/DataTable/defaultProps.tsx

@@ -107,4 +107,5 @@ export const defaultProps = {
 	onSort: noop,
 	onColumnOrderChange: noop,
 	keepExpandableFirst: false,
+	footer: null,
 };

src/DataTable/types.ts

@@ -117,6 +117,7 @@ export type TableProps<T> = {
 	 *  Shows and displays a header with a title
 	 *  */
 	title?: string | React.ReactNode;
+	footer?: React.ReactNode;
 };
 
 export type TableColumnBase = {