Allow adding extra content to the databases list footer (#1473)

Author: Antonio-Maranhao

app/addons/databases/__tests__/components.test.js

@@ -118,6 +118,16 @@ describe('DatabasePagination', () => {
     expect(controller.find('.all-db-footer__total-db-count').text()).toBe('30');
   });
 
+  it('renders custom content when supplied', () => {
+    const withCustomFooter = (
+      <Views.DatabasePagination linkPath="_custom_path">
+        <span className="custom">custom content</span>
+      </Views.DatabasePagination>
+    );
+    const el = mount(withCustomFooter);
+    expect(el.find('span.custom').exists()).toBe(true);
+  });
+
 });
 
 describe('DatabaseTable', () => {

app/addons/databases/components.js

@@ -531,6 +531,7 @@ class DatabasePagination extends React.Component {
     const { limit, page, totalAmountOfDatabases } = this.state;
     const start = 1 + (page - 1) * limit;
     const end = Math.min(totalAmountOfDatabases, page * limit);
+    const { children } = this.props;
 
     return (
       <footer className="all-db-footer pagination-footer">
@@ -548,6 +549,9 @@ class DatabasePagination extends React.Component {
           &nbsp;of&nbsp;<span className="all-db-footer__total-db-count">{totalAmountOfDatabases}</span>
           &nbsp;databases.
         </div>
+        <div className="custom-db-footer-item">
+          {children}
+        </div>
       </footer>
     );
   }

assets/scss/_pagination.scss

@@ -44,6 +44,10 @@ footer.pagination-footer {
     margin: 15px 20px 17px 20px;
   }
 
+  .custom-db-footer-item {
+    float: right;
+  }
+
   .documents-pagination {
     float: right;
   }