diff --git a/front/src/ModalSuppression.js b/front/src/ModalSuppression.js
index bc9884d18f911acd620470d2d0558e58260e0138..d9f89bc689ea27f6ebbb12d9ef77c2741edcac0e 100644
--- a/front/src/ModalSuppression.js
+++ b/front/src/ModalSuppression.js
@@ -1,8 +1,14 @@
 import React, {Component} from 'react'
-import {Modal, Button, Image, Grid} from 'semantic-ui-react'
+import {Modal, Button, Image} from 'semantic-ui-react'
 
 class ModalSupression extends Component {
-    state={hihi:true};
+    deleteToucan(id) {
+        fetch(`/toucan/delete/${id}`,{
+            method: "Post"
+        })
+        .then(this.props.closeModal())
+    }
+
     render() {
         return (
             <Modal open={this.props.open} size="tiny"
@@ -10,11 +16,11 @@ class ModalSupression extends Component {
             >
             <Modal.Header style ={{textAlign:"center"}}>Veux tu vraiment supprimer ce Toucan ?</Modal.Header>
             <Modal.Content>
-                <Image centered src={`/toucan/img/${this.props.imageId}`} size="medium"/>
+                <Image centered src={`/toucan/img/${this.props.toucanId}`} size="medium"/>
             </Modal.Content>
             <Modal.Actions style ={{textAlign:"center"}} >
-                <Button negative>Supprimer le Toucan</Button>
-                <Button positive> Laisser le Toucan là où il est</Button>
+                <Button negative onClick={()=>this.deleteToucan(this.props.toucanId)}>Supprimer le Toucan</Button>
+                <Button positive onClick={()=>this.props.closeModal()}> Laisser le Toucan là où il est</Button>
             </Modal.Actions>
         </Modal>
         )
diff --git a/front/src/ToucanLine.js b/front/src/ToucanLine.js
index f8b3e0fbb5013b4efabd511b04d01ecafb3f8d34..e0e936788ff689f5432248fdd6d24e7a4c21066a 100644
--- a/front/src/ToucanLine.js
+++ b/front/src/ToucanLine.js
@@ -1,5 +1,5 @@
 import React, {Component} from 'react'
-import {Table, Image, Button, Modal} from 'semantic-ui-react'
+import {Table, Image, Button} from 'semantic-ui-react'
 import ModalSuppression from './ModalSuppression'
 
 class ToucanLine extends Component {
@@ -43,7 +43,7 @@ class ToucanLine extends Component {
                     <Button negative icon="cancel" onClick={() => this.setState({isModalOpen: true})}/>
                     <ModalSuppression
                     open={this.state.isModalOpen}
-                    imageId={this.props.toucan["_id"]}
+                    toucanId={this.props.toucan["_id"]}
                     closeModal={this.closeModal}
                     />
                 </Table.Cell>