This site has been developed as a volunteer management system and dynamic web application to be used specifically for 12 step Hospital and Institution purposes.
Render a list of objects, each to its own cards and change the card color dynamically/randomly on the home page
For the admin dashboard, you currently have as a template the ArchivedReport page. Take the cards that have been imported and take the code manually and insert it into this page. You don't need a separate card component, just copy over the UploadCard component and the ShowReportsCard component code and customize it for the announcements page within one component.
In the other cards with the listed entities, you will eventually turn the text of each entity into a link that opens the pdf of that title and the link will probably have a prop where you pass the title ListItem that is displayed. The pdf will perhaps link to SharepPoint.
For Announcements however, wire the entity to be clickable but onClick change the state of announcement which will conditionally render the selected announcement card below the list of announcement entities. Some of the rendered announcement card code can be taken from the home page.
Render a list of objects, each to its own cards and change the card color dynamically/randomly on the home page
For the admin dashboard, you currently have as a template the ArchivedReport page. Take the cards that have been imported and take the code manually and insert it into this page. You don't need a separate card component, just copy over the UploadCard component and the ShowReportsCard component code and customize it for the announcements page within one component.
In the other cards with the listed entities, you will eventually turn the text of each entity into a link that opens the pdf of that title and the link will probably have a prop where you pass the title ListItem that is displayed. The pdf will perhaps link to SharepPoint.
For Announcements however, wire the entity to be clickable but onClick change the state of announcement which will conditionally render the selected announcement card below the list of announcement entities. Some of the rendered announcement card code can be taken from the home page.