Progress

app/javascript/gabsocial/pages/lists_page.js

@@ -1,37 +1,38 @@
 import { Fragment } from 'react'
+import { openModal } from '../actions/modal';
 import LinkFooter from '../components/link_footer'
 import WhoToFollowPanel from '../components/panel/who_to_follow_panel'
 import TrendsPanel from '../components/panel/trends_panel'
 import DefaultLayout from '../layouts/default_layout'
 
-export default class ListsPage extends PureComponent {
+const mapDispatchToProps = dispatch => ({
+  onOpenListCreateModal() {
+    dispatch(openModal('LIST_CREATE'))
+  },
+})
+
+export default
+@connect(null, mapDispatchToProps)
+class ListsPage extends PureComponent {
+
+  static propTypes = {
+    onOpenListCreateModal: PropTypes.func.isRequired,
+  }
 
   componentDidMount() {
     document.title = 'Lists - Gab'
   }
-  
-  handleClickNewList () {
-    console.log("handleClickNewList")
-  }
-
-  handleClickEditLists () {
-    console.log("handleClickEditLists")
-  }
 
   render() {
-    const { children } = this.props
+    const { children, onOpenListCreateModal } = this.props
 
     return (
       <DefaultLayout
         title='Lists'
         actions={[
-          {
-            icon: 'list-delete',
-            onClick: this.handleClickEditLists
-          },
           {
             icon: 'list-add',
-            onClick: this.handleClickNewList
+            onClick: onOpenListCreateModal
           },
         ]}
         layout={(