Update component/codeblock.js

[gndclouds]

Update component/codeblock.js

Prize Bounty

[comment]: # List the token type (ETH/ERC-20) and amount.

Challenge Description

On the landing page, we have a code block that allows anyone to toggle between our current APIs. We need to update this block to:

• Include all APIs in the dropdown
• Example code and example response should change after the code is selected.
• The API route (shown as /api/co2/2002 in the MockUps) should also act as a search field in which you manually type the route and get one result returned.
• This block should also have a new child block without the dropdown selector which we can use across the website on pages for example.

MockUp for Landing Page

Mock Up for Other Pages

Submission Requirements

• Component can be used with all API routes
• Can be TypeScript or JavaScript
• Code will be reviewed by ENG Team

Judging Criteria

• Will choose based on the first completed and code quality
• Will view all submissions

Winner Announcement Date

Please plan to have judges from your organization (or others you choose) review the submissions as early as possible after the hackathon ends (or immediately upon submission if you set your submission deadline up to be first-to-submit) to ensure prompt winner announcement and payout.

Resources

• Functionality should feel similar to this codeblock.js demo.
• You can reach out team on the Earth API Discord Group or by contacting gndclouds on Twitter.
• Landing Page Sketch File
• Other Page Sketch File