Implement UI library - Migrate pages & templates

[pettinarip]

This is part of our Implement UI library epic.

Our final step on the UI migration! time to migrate the pages & templates.

How to contribute

If you’d like to help with this migration, please follow these steps:

1. Leave a comment here asking which file you would want to work on.
2. We assign you to the file (by adding your handle next to the file name in the list).
   • Read and follow our UI migration guide for some tips & guidance.
   • If you were assigned to multiple files then create a separate PR for each component. It will make the testing process much simpler and more organized.
3. Once you finish it (PR merged), we’ll mark it as done.
4. Repeat!

• src/pages/

  • wallets/find-wallet.tsx @soheil555 migrate the find-wallet page to Chakra #9390
  • contributing/translation-program/acknowledgements.tsx @amit-ksh refactor(page): acknowledgements page to Chakra #9397
  • contributing/translation-program/contributors.tsx @amit-ksh refactor: contributors page to chakra #9369
  • community.tsx @soheil555 Migrate the community page to Chakra #9410
  • staking/index.tsx @mlCode111 refactor(page staking): replace styled components with chakra ui #9398
  • staking/deposit-contract.tsx @mlCode111 refactor(deposit contract): replace deposit-contract component styled UI with chakra #9549
  • stablecoins.tsx @alex1092 migrate stablecoins.tsx to chakra components #9635
  • learn/index.tsx @soheil555 Migrate the learn page to Chakra #9422
  • assets.tsx @MrJithil migrate assets to chakra UI #9406
  • bug-bounty.tsx @Seek4samurai Migrated the Bug-bounty.tsx to Chakra components #9475
  • languages.tsx @MahendraBishnoi29 migrate languages.tsx component to ChakraUI #10014
  • index.tsx @TylerAPfledderer refactor(pages): migrate home page to Chakra #9364
  • 404.tsx Migrate 404.tsx page to Chakra UI #10318
  • get-eth.tsx @vdusart Chakra - Get Eth page #9627
  • run-a-node.tsx Migrate run a node page #10534
  • upgrades/get-involved/index.tsx @amit-ksh Migrate the upgrades/get-involved page to Chakra #9572
  • upgrades/vision.tsx @amit-ksh Migrate upgrades/vision page to Chakra #9524
  • upgrades/index.tsx @amit-ksh refactor (page): migrate upgrades page to Chakra #9473
  • developers/local-environment.tsx @soheil555 migrate local-environment page to Chakra #9583
  • developers/index.tsx @Seek4samurai Migrated: pages/developers/index.tsx to Chakra UI #9933
  • developers/tutorials.tsx @vdusart Chakra - Tutorials page #10104
  • developers/learning-tools.tsx @Seek4samurai migrated: pages/developers/learning-tools.tsx to Chakra UI #10348
  • layer-2.tsx @TylerAPfledderer refactor(pages): migrate layer 2 page to chakra #9404
  • studio.tsx @rishisundar refactor: replaced styled components w/ Chakra components in studio.tsx #9518

• src/pages-conditional/

  • wallets.tsx @ameeetgaikwad Migrate wallets.tsx page to Chakra #9500
  • eth.tsx Migrate eth page #10470
  • what-is-ethereum.tsx Migrate the "What is Ethereum" page to Chakra #10468
  • dapps.tsx @amit-ksh refactor (pages-conditional): migrate dapps page to Chakra #10089

• src/templates/

  • docs.tsx @amit-ksh refactor: template/docs.tsx to chakra #10375
  • tutorial.tsx @rishisundar refactor(templates/tutorials.tsx): replaced styled components w/ Chakra components #10173
  • upgrade.tsx @amit-ksh refactor: migrate template/upgrade to Chakra #9670
  • roadmap.tsx Migrate the roadmap template #10549
  • staking.tsx @soheil555 refactor(staking-template): migrate to chakra #10019
  • use-cases.tsx @TylerAPfledderer refactor(templates/use-cases): migrate to Chakra #9634
  • static.tsx @soheil555 migrate static template to Chakra #9631

[TylerAPfledderer]

@pettinarip hit me up with an assignment. Let's go! 🚀🤘💪

[ghost]

Hey, @pettinarip I'd like to work on wallets/find-wallet.tsx

[vdusart]

Hey @pettinarip ready for some files 😁🚀

[amit-ksh]

Hey @pettinarip, I'd like to work on contributing pages

[yash251]

Hello team, I would love to start with 404.tsx

[rishisundar]

Hey @pettinarip, I would like to work on src/templates/tutorial.tsx and src/pages/studio.tsx.

[shariqanwar20]

Hey @pettinarip would love to work on some page. No preference

[ameeetgaikwad]

Hey, @pettinarip give me 1-2 components, for now. Give them according to your preference.

I would prefer: src/pages-conditional/wallets.tsx, src/pages-conditional/eth.tsx, src/pages-conditional/what-is-ethereum.tsx

[nikkhielseath]

Greetings @pettinarip

I shall like to take just a single file this time.
Preferably: src/templates/docs.tsx

[MahendraBishnoi29]

@pettinarip assign languages.tsx and 404.tsx to me I've already started working on these

[MrJithil]

You can count me.

[pettinarip]

Woooohoooo! lfg 🎉

@soheil555 @amit-ksh @yash251 @rishisundar @ameeetgaikwad @SNikhill @MahendraBishnoi29 @TylerAPfledderer @vdusart @shariqanwar20 @MrJithil

Assigned! 🙏🏼

[mlCode111]

Hello there! @pettinarip I'll start with src/pages/staking/index.tsx. You can assign this to me.

[pettinarip]

Assigned @mlCode111 ty!

[ghost]

Hey @pettinarip Can I work on community.tsx?

[amit-ksh]

Hey @pettinarip, I'd like to work on upgrades pages.

[Seek4samurai]

Hi @pettinarip ! Would like to work on the bug-bounty.tsx Page.

[ghost]

Hey @pettinarip, can I work on staking.tsx

[pettinarip]

@soheil555 assigned!

[pettinarip]

@MahendraBishnoi29 @yash251 @shariqanwar20 @vdusart @SNikhill @rishisundar

Hey! pinging you guys to double-check if you are still interested in working on the assigned files. If you are not, please let us know so that we can reassign them 🙏🏼 🙏🏼

Thanks!

[vdusart]

Yes @pettinarip sorry for the delay. I'll do it soon 😉

[shariqanwar20]

Hey Sorry for the delay, some part of it is left. Will open a PR soon

…

On Wed, 19 Apr 2023, 12:18 am Pablo Pettinari, ***@***.***> wrote: @MahendraBishnoi29 <https://github.com/MahendraBishnoi29> @yash251 <https://github.com/yash251> @shariqanwar20 <https://github.com/shariqanwar20> @vdusart <https://github.com/vdusart> @SNikhill <https://github.com/SNikhill> @rishisundar <https://github.com/rishisundar> Hey! pinging you guys to double-check if you are still interested in working on the assigned files. If you are not, please let us know so that we can reassign them 🙏🏼 🙏🏼 Thanks! — Reply to this email directly, view it on GitHub <#9353 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AOUCZIQ2MAM3OMNLZEOKXKDXB3SH7ANCNFSM6AAAAAAULVNTYQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[MahendraBishnoi29]

will submit it today 🚀

[rishisundar]

Hey @pettinarip Sorry about the delay. Will raise a PR soon

[rishisundar]

@pettinarip Worked on the wrong tutorial.tsx. My bad, will raise a separate PR for templates soon.

[sahildotdev]

Hey, @pettinarip 👋 Happy to contribute.. Can you please assign me anything?

[pettinarip]

Hi @sahildotdev thank you! I've assigned the src/pages-conditional/eth.tsx page to you 💪🏼

[amit-ksh]

Hey @pettinarip, is there anything left I can work on?

[pettinarip]

@amit-ksh thanks for asking :) Yes, I've re-assigned the docs template to you.

At this point, I'd say that run-a-node.tsx is also available if you want to work on that as well.

[Seek4samurai]

Hi @pettinarip I've submitted the PR for developers/learning-tools.tsx page.
Can you assign me the unassigned run-a-node.tsx, if it's still unassigned?

[pettinarip]

Hi @pettinarip I've submitted the PR for developers/learning-tools.tsx page. Can you assign me the unassigned run-a-node.tsx, if it's still unassigned?

Wohoo! I saw that, will review it soon. Sure! assigning...ty

[minimalsm]

Hey @sahildotdev

Thanks for offering to help; just confirming you've seen you're assigned to the src/pages-conditional/eth.tsx page? Let us know if that is okay 😀🫡

[pettinarip]

Pages & templates done! thanks everyone! 🥳