Bug Fix: Resource Creation Flow Card Not Displaying Tags Properly

[stevem-zhou]

Description

Resource creation flow has been created by another team. Currently there is a bug on the final step of the resource creation flow (the one where it will show how the card will look like). The tags under the card are displayed by either their id number or the index number of the tags array in the useState.

Fix this bug, by changing the display of the tag to the actual name of the tag rather than a number.

READ ALL INSTRUCTIONS BEFORE STARTING

• Note:
  • When working on the frontend, we want to work from making sure the site is responsive starting from a mobile device (this will make it easier when we modifying the styling for bigger screens)
  • When checking how the frontend looks on a mobile device through chrome's inspect element, be sure to select iPhone SE for test!!!
• Heads up:

  • Feel free to utilize /client/src/components/playground/Playground.jsx to test out anything before putting it in their respective pages, or if there currently is no respective page

  • When prompted to log in, you can sign in with the account:

  • student:

    • [email protected]
    • 123456

  • teacher:

    • [email protected]
    • 123456

  • admin:

    • [email protected]
    • 123456

Instructions

• CardModal.jsx in /resources/ResourceFlow/ is the card that is displayed on the last step
  • pinpoint the cause of why it's displaying the number for the tags instead of the actual text and fix it

Notes

Acceptance Criteria

• resource creation flow last step properly displays the name of the tags

Resources