Once a user logs in they will see the Missions Page with all the current missions displayed as cards on the page with 2 cards per row. The user will be able to click the Delete button on a card that will remove the mission from the missions div
On page as logged in user view
Single Mission Delete Button Action
AC
WHEN a logged in user visits the missions page they will see all the current missions displayed as cards on the page with 2 cards per row.
THEN, the user can click the Delete button on any mission card,
THEN, the selected mission card will be removed from firebase
AND the selected mission will no longer appear in the missions div
Dev Notes
Create ra-deleteMission branch
Create axios.delete() in enemyData.js file
Create deleteEnemy function in enemies.js file
Create delete button/event listener function in the enemies.js file and make sure to call enemiesBuilder in this to refresh page and the mission is no longer in firebase
User Story
Once a user logs in they will see the Missions Page with all the current missions displayed as cards on the page with 2 cards per row. The user will be able to click the
Deletebutton on a card that will remove the mission from themissionsdivOn page as logged in user view
Single Mission Delete Button Action
AC
WHEN a logged in user visits the missions page they will see all the current missions displayed as cards on the page with 2 cards per row.
THEN, the user can click the
Deletebutton on any mission card, THEN, the selected mission card will be removed from firebase AND the selected mission will no longer appear in themissionsdivDev Notes
ra-deleteMissionbranchaxios.delete()inenemyData.jsfiledeleteEnemyfunction inenemies.jsfile