Add File Download from Web Service to small React project.

I have a React client app that interacts with a remote web service. I need to the ability to download a file over the web service. I need 2 similar but different components for this. Since you will not have access to my web service, I need you to create a test project to show me the key aspects and then coach me to integrate them with my real app using remote access. Phase 1 An app with one test component called FileDownloadComponent.js. This should show two buttons labeled 'Download From System' and 'Download From DB' with a file name. When the user clicks on either one, it should pop up a modal using either the component named 'SystemFileDownload' or the one called 'DBFileDownload'. These components should each have within it: A function called beginProcessing(). This should be called when the component loads. For the first version this will just show a message that it was called. A function called 'cancelProcessing(). This should be called when the 'Cancel' button is selected. Each should only have one button, 'Cancel'. When it is selected, the function, 'cancelProcessing()' should be called and then the modal should close. The component 'DBFileDownload' should only show a message, 'Downloading ' + filename + ' from the Database...' The component 'SystemFileDownload' should show the same message but also show a progress indicator. Make sure it is very clearly documented how to set the minimum, maximum, and current values of the progress indicator. Each component should receive a set of properties from the '[login to view URL]' including the file name and a session ID from the calling component. Then, for the 2nd phase I also need an estimate to do the following. Phase 2 For the DBFileDownload component, implement ' [login to view URL]'. It can just generate an array of random bytes to save to a file name that was hard coded in '[login to view URL]' and passed in as a property for the test program. With that, hopefully I can wire it up to work correctly with the back end web service. For the SystemFileDownload component implement ' [login to view URL]'. It can just have a loop with three iterations and generate an array of random bytes in each to save to a file name that was hard coded in '[login to view URL]' and passed in as a property. With that, hopefully I can wire it up to work correctly with the back end. Change them so they delay 30 seconds after they finish and then close the pop-up modal and are ready to be called again. Provide 4 hours of coaching to help me get this working in the real app.