Apps: Make hash/number query available globally to explorer

[jacogr]

Goal:

We want to move to consistent queries/filtering of information across all apps. So when a user wants to query, we want the ability globally available on the app.

Background:

Currently the block query is fully split into a seperate tab. So when the user wants to query, it takes 2 clicks - first to the query tab, the typing the value and submitting for refresh.

Pre-requisites:

Requires https://github.com/polkadot-js/apps/issues/942 to be done first (so the block query is not empty by default - it only contains the query bar atm when entering)

Actions:

• Move the query from the block query to the nav bar - ensure it is visible on all tabs. (And no overlaps with the tabs)
• Rename block query to block info
• Make sure the queries still work, for both hashes and numbers

When done, the layout should look something along the lines of -

https://github.com/polkadot-js/apps/issues/942

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__This issue now has a funding of 150.0 DAI (150.0 USD @ $1.0/DAI) attached to it as part of the W3F fund.__

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
  
  
  
  • Want to chip in? Add your own contribution here.
  
  
  • Questions? Checkout Gitcoin Help or the Gitcoin Slack
  
  
  • $94,415.15 more funded OSS Work available on the Gitcoin Issue Explorer
  
  

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__Work has been started__.

These users each claimed they can complete the work by 11 months, 3 weeks from now.
Please review their action plans below:

1) georgiemathews has applied to start work _(Funders only: approve worker | reject worker)_.

I will first implement the new layout, ensuring that it displays and functions correctly at mobile sizes.
Then, I will verify that the queries still work.

Learn more on the Gitcoin Issue Details page.

2) e18r has been approved to start work.

I will relocate the Query component from BlockQuery in the app-explorer package to Tabs in the @ui-app package.
I will redesign the Tabs component so that it incorporates this new element without losing generality for use in other contexts.
Finally, I will lift the state up to app-explorer so that Tabs and BlockQuery are both able to share the state of the Query component.

This will take me a short amount of time as I've done similar projects in the past, my development environment is ready, and I'm available to work full-time on this.

Learn more on the Gitcoin Issue Details page.

[Web3Foundation]

@e18r you've been approved to start work.

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__Work for 150.0 DAI (150.0 USD @ $1.0/DAI) has been submitted by__:

1. @e18r

@Web3Foundation please take a look at the submitted work:

• PR by @e18r

---

• Learn more on the Gitcoin Issue Details page
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $97,801.71 more funded OSS Work available on the Gitcoin Issue Explorer

[e18r]

@jacogr @Web3Foundation I finished working on this. I created a pull request and the CI build passed. Please let me know if you find anything unexpected. Also I'm willing to join your community chat if that matches your workflow better.

https://github.com/polkadot-js/apps/pull/1111

[e18r]

@jacogr @Web3Foundation Looking forward to working with you again in the future. Please don't forget to mark the issue as Done in Gitcoin. Thank you and until next time!

[Web3Foundation]

@e18r thanks for the great work!

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

__The funding of 150.0 DAI (150.0 USD @ $1.0/DAI) attached to this issue has been approved & issued to @e18r.__

• Learn more on the Gitcoin Issue Details page
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $96,717.27 more funded OSS Work available on the Gitcoin Issue Explorer

[e18r]

@Web3Foundation @jacogr You're very welcome. Thank you for this opportunity.

[polkadot-js-bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue if you think you have a related problem or query.