added initial component for folders list

client/package.json

@@ -44,6 +44,7 @@
     "react-router-redux": "^5.0.0-alpha.9",
     "redux": "^4.0.0",
     "redux-saga": "^0.16.0",
+    "redux-saga-thunk": "^0.7.1",
     "yup": "^0.24.1"
   }
 }

client/src/views/containers/FoldersList/index.jsx

@@ -0,0 +1,37 @@
+import React, { Fragment } from 'react';
+import PT from 'prop-types';
+import { connect } from 'react-redux';
+
+/**
+ * 
+ */
+class FoldersList extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      sortKey: 'id',
+      sortDirection: 'ASC',
+      searchFilter: null,
+    }
+  }
+
+  componentDidMount() {
+    // fetch initial folders
+  }
+
+  render() {
+    return (
+      <Fragment>
+        Folders list....
+      </Fragment>
+    )
+  }
+}
+
+FoldersList.propTypes = {};
+
+export default connect(
+  null, // mapStateToProps
+  null // mapDispatchToProps
+)(FoldersList);

client/src/views/pages/SearchFolders.jsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import PT from 'prop-types';
 
+import FoldersList from './../containers/FoldersList/index.jsx'
+
 class SearchFolders extends React.Component {
   constructor(props) {
     super(props);
@@ -18,7 +20,7 @@ class SearchFolders extends React.Component {
         </section>   
         <div className="section">
           <div className="container">
-            <p>Search folders</p>
+            <FoldersList/>
           </div>
         </div>
       </div>