Technical breakdown of sudt demo frontend design

[Keith-CY]

This issue is a complement to #434

Design draft: Magickbase/visual-style-guide#33

---

Framework: I prefer https://nextjs.org/
CSS utility: the style is similar to https://headlessui.com/

Components

1. main section(without content)
   

2. sub section
   

3. primary button
   
   

4. dialog(without content)
   

5. tabs(without content)
   

6. field
   
   

7. toast
   

8. tooltip
   

9. history item
   

[Keith-CY]

Please have a check and pick up components you want to implement @PainterPuppets

[Keith-CY]

I'll pick up general layout, main section without content, sub section, primary button, dialog without content components if @PainterPuppets has no feedback

[PainterPuppets]

OK, after building a repository and page layout I'll do other specific components

[Keith-CY]

I'll pick up general layout, main section without content, sub section, primary button, dialog without content components if @PainterPuppets has no feedback

They are added by Magickbase/sudt-management-ui#3

[Keith-CY]

Any update on this issue @PainterPuppets

[Keith-CY]

APIs to connect

• create token
• update token info
• transfer token
• fetch token list
• fetch token detail
• fetch asset list
• fetch transfer history
• connect to wallet
• fetch address list
• request signing a transaction
• sync wallet events

Ref:

• backend: Technical breakdown of sudt demo backend design #446 (comment)
• neuron: https://github.com/devchenyan/rfcs/blob/wallet-connect/rfcs/0047-walletconnect-namespaces/0047-walletconnect-namespaces.md

---

@PainterPuppets let's share the APIs above, which would you like to take over

[Keith-CY]

PR to connect to Neuron: Magickbase/sudt-management-ui#27

[Keith-CY]

SDK is introduced by Magickbase/sudt-management-ui#43