leaseOTB / billboard

Affordable housing data search engine.
billboard-ten.vercel.app
0 stars 0 forks source link

Create a "Download Dataset" Button on the Sidebar #1

Open zachdt opened 4 years ago

zachdt commented 4 years ago

On the current test build, there is a non-interactive sidebar that includes a Search Icon Button. We need to add another Icon Button underneath the search button with a material-ui file download Icon, that allows users to download our CSV dataset. We don't host this file yet, so don't worry about the specific CSV file.

Functionality: Upon pressing the button, users should auto-download a CSV file from a public storage provider (in our case, a Google Cloud Platform Storage Bucket).
For testing purposes, use whatever file sharing service you are comfortable with and 'hard-code' the link into the feature.

Style: The download button should look exactly the same as the search icon button, but exist right below it. Keep the white background for the download button. [Box Logo] ---white background starts---- [Search Icon Buttton] -> Links to index page [Download Icon Button] -> Auto-downloads csv file from cloud storage ---white background ends----

zachdt commented 4 years ago

If you have any questions about Material-UI, Next.js, or React, read the project Wiki for some educational resources, then contact me about our implementation of IconButtons and Layout Components. This button will exist in the Layout component, underneath the current search link.