Fix #97: Added delete feature in a story

src/pages/Story.js

@@ -91,6 +91,11 @@ const Story = (props) => {
     document.body.removeChild(dummy)
   }
 
+  const deleteStory = async () => {
+    await userStory.deleteStory(storyId)
+    navigate('/')
+  }
+
   const hashtagsArray = ['EOS', 'userstory']
   const title = 'EOS User Story - POST Stories. GET Features.'
 
@@ -173,6 +178,13 @@ const Story = (props) => {
                         >
                           Edit
                         </Button>
+                        <Button
+                          className='btn btn-default'
+                          data-cy='btn-delete'
+                          onClick={deleteStory}
+                        >
+                          Delete
+                        </Button>
                       </>
                     ) : (
                       ''

src/services/api.js

@@ -30,10 +30,10 @@ apiClient.interceptors.response.use(
   }
 )
 
-function apiCall(url, data) {
+function apiCall(url, data, _method = 'post') {
   return apiClient.request({
     url,
-    method: 'post',
+    method: _method,
     data,
     ...config
   })

src/services/user_story.js

@@ -8,6 +8,9 @@ const userStory = {
   createStory: (data) => {
     return apiCall('/user-stories', data)
   },
+  deleteStory: (storyId) => {
+    return apiCall(`/user-stories/${storyId}`, null, 'delete')
+  },
   checkAuthor: (userId, storyId) => {
     return apiCall('/checkAuthor', {
       id: userId,