Refactor FeedbackModal.jsx

[stevem-zhou]

Instructions

• Refactor FeedbackModal.jsx under src/components/FeedbackModal

Acceptance Criteria

• Refactor handleFeedback, utilize ApiUtils.js for API calls

• Move any useState, Variables definition to the top of React Component

• Move ternary operations → should be its own variable in a function (not inside the return statement)

  • Refactor Example: Tenary

• Identify & Create functions for callback functions

  • Refactor Example: Callback Functions

Notes

Steps to Run React on your computer:

• Clone the Frontend & Backend repos into 1 folder
• npm install on both
• npm start on both

How To Access FeedbackModal:

• Run your frontend + backend localhost
• Sign In to ZotNFound with UCI email
• Create a test item
  • Press on List an Item
  • Follow the steps to post an item
  • In results bar, click on item and click resolve

Resources

• ZotNFound - Doc
• ZotNFound - DB Model
• Chakra UI - Doc
• Chakra UI Modal

[aryanm5]

I think the link for the refactor example for callback functions is wrong. It sends me to the ternary example.