Bitshares AstroJS DEX UI Dev spotlight! Global settlement bidding & Individual settlement fund settlement

in #bitshares11 months ago

Welcome back to the Astro UI Dev update blog!

This blog aims to continue updating you with regards to the development of the Bitshares Astro UI; a DEX UI which aims to be the most performant BTS DEX UI possible!

So what's new in today's dev blog post?

Since the last dev blog post, I've been working across several projects!

  • Successfully merged Beet PR 275 into the develop branch.
    • Several different bug fixes & supporting the new Suez operations
  • Created Beet PR 276
    • Bug fixes for global settlement bidding prompt rendering
  • Partially developed the Pool staking page (Still to complete)
  • Fully implemented a new page for global settlement bidding & individual settlement fund force settlement
So let's dig into the above changes!
New global settlement page!

From the smartcoin page, you can now navigate to the following new global settlement page via this component:

image.png

This takes you to the following page, using the asset ID as an URL parameter:

image.png

Let's check out the performance scores!

image.png

Just as expected, max score for performance! A new standard for Bitshares user interfaces!

New individual settlement fund settle page

From the smartcoin page, you can navigate to this new individual settlement fund page via this component:

image.png

This takes you to the following page, using the asset ID as an URL parameter:

image.png

And finally the performance:

image.png

Pretty damn good!


With this page now complete, I'll be moving onto the following development tasks:

  • Completing the pool staking form
  • Credit offer creation form
  • Blocked user indication
  • i18n localization using nanostores i18n package

The development of the Bitshares DEX UI using Astro, React, ElysiaJS, ShadCN and BunJS continues to prove to be highly worthwhile!

Thanks for reading this far, I hope you enjoyed this development blog post!


Interested in checking out the code?

Don't forget to click the ⭐ button to like the github repos above!


These developments were brought to you by the NFTEA Gallery.
Consider collecting an NFTEA NFT to support continued Bitshares developments.

Don't have a Bitshares account? Make one today!

Sort:  

Interesting article! Thanks for sharing, I will definitely look into Astro UI, this sounds awesome.
I'm working for a company called inlang and we're building an ecosystem for globalization. Nano Stores i18n seems like a suitable project, but in case you want to try out something new with peak performance + features like tree shaking, feel free to check out Paraglide JS (our own i18n lib) which works with all common frameworks: https://inlang.com/m/gerre34r/library-inlang-paraglideJs

I actually ended up abandoning the use of nano stores i18n and switched back to using react-i18next, thanks for the input, I'll check out paraglide js for my next project :)

Coin Marketplace

STEEM 0.17
TRX 0.16
JST 0.029
BTC 75077.06
ETH 2851.79
USDT 1.00
SBD 2.48