delete companies

Author: Git-push-01

src/components/companies.js

@@ -1,4 +1,5 @@
 import React, { Component } from "react";
+import { Container, Button } from "react-bootstrap";
 
 class Companies extends Component {
   render() {
@@ -7,16 +8,26 @@ class Companies extends Component {
     const companyName = this.props.companies.map(company => company);
 
     return (
+      <Container >
       <div>
         {companyName.map((companynames, index) => {
           return (
             <p key={index}>
+            <Button
+              onClick={() => this.props.deleteCompany(companynames.id)}
+            >
+              {" "}
+              DELETE{" "}
+            </Button>{" "}
+
+
               Company Name: {companynames.companyname}
               <br />Company id#:{companynames.id}
             </p>
           );
         })}
       </div>
+      </Container>
     );
   }
 }

src/containers/companyContainer.js

@@ -2,7 +2,7 @@ import React, { Component } from "react";
 import { connect } from "react-redux";
 import Companies from "../components/companies";
 import { bindActionCreators } from "redux";
-import { fetchCompanies } from "../redux/actions/companyActions";
+import { fetchCompanies, deleteCompany } from "../redux/actions/companyActions";
 
 class CompanyContainer extends Component {
   componentDidMount() {
@@ -12,7 +12,7 @@ class CompanyContainer extends Component {
   render() {
     return (
       <div>
-        <Companies companies={this.props.companies} />
+        <Companies companies={this.props.companies} deleteCompany={this.props.deleteCompany} />
       </div>
     );
   }
@@ -28,7 +28,7 @@ const mapStateToProps = state => {
 const mapDispatchToProps = dispatch =>
   bindActionCreators(
     {
-      fetchCompanies
+      fetchCompanies, deleteCompany
     },
     dispatch
   );