add delete button

src/client/js/components/OutsideShareLinkModal.jsx

@@ -20,16 +20,22 @@ class OutsideShareLinkModal extends React.Component {
   constructor() {
     super();
     this.state = {
+      shareLinks: [],
       isOpenShareLinkForm: false,
     };
 
     this.toggleShareLinkFormHandler = this.toggleShareLinkFormHandler.bind(this);
+    this.deleteAllLinksButtonHandler = this.deleteAllLinksButtonHandler.bind(this);
   }
 
   toggleShareLinkFormHandler() {
     this.setState({ isOpenShareLinkForm: !this.state.isOpenShareLinkForm });
   }
 
+  deleteAllLinksButtonHandler() {
+    console.log('hoge');
+  }
+
   render() {
     return (
       <Modal size="lg" isOpen={this.props.isOpen} toggle={this.props.onClose}>
@@ -39,11 +45,11 @@ class OutsideShareLinkModal extends React.Component {
           <div className="container">
             <div className="form-inline mb-3">
               <h4>Shared Link List</h4>
-              <button className="ml-auto btn btn-danger" type="button">Delete all links</button>
+              <button className="ml-auto btn btn-danger" type="button" onClick={this.deleteAllLinksButtonHandler}>Delete all links</button>
             </div>
 
             <div>
-              <ShareLinkList />
+              <ShareLinkList shareLinks={this.state.shareLinks} />
               <button
                 className="btn btn-outline-secondary d-block mx-auto px-5 mb-3"
                 type="button"

src/client/js/components/ShareLinkForm.jsx

@@ -250,7 +250,6 @@ ShareLinkForm.propTypes = {
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
   pageContainer: PropTypes.instanceOf(PageContainer).isRequired,
 
-  user: PropTypes.object.isRequired,
   onCloseForm: PropTypes.func,
 };