Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add frontend #4

Merged
merged 8 commits into from
May 14, 2024
Merged

Add frontend #4

merged 8 commits into from
May 14, 2024

Conversation

AurelienFT
Copy link
Member

The frontend is static for now (except wallet selection) and there is no CI. I will add them after but I would like to have a review on this first version as it's my first frontend project.

The designs are available here : https://www.figma.com/file/LSaOibVDFb1reF6FePVn5l/Massastation?type=design&node-id=8344-20414&mode=design&t=KznEUhbhluUoyGKF-0

I made some modification to match more our existing product to match more the coin-vester I will discuss this with Lucas that's not really the point of the review for now.

Copy link
Contributor

@Thykof Thykof left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You didn't internationalize the texts, maybe first create the lib in the ui kit with i18n file and then create translation keys here for this project

frontend/.eslintrc.cjs Outdated Show resolved Hide resolved
Comment on lines +22 to +23
"@massalabs/react-ui-kit": "0.0.4-dev.20240429153446",
"@massalabs/wallet-provider": "^2.0.1-dev.20240423112601",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"@massalabs/react-ui-kit": "0.0.4-dev.20240429153446",
"@massalabs/wallet-provider": "^2.0.1-dev.20240423112601",
"@massalabs/react-ui-kit": "0.0.4-dev",
"@massalabs/wallet-provider": "^2.0.1-dev",

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

run npm i after to update lock file

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think it's a good idea as we often break things in the packages while they have in the dev version and so we can rely on their version following semver.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ya but the version upgrade only explicitely when you npm update @massalabs/wallet-provider

this works well for all other projects, don't run npm update and all will be good

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If someone clone the repository and use yarn for example to launch his project it could fetch updated packages and as we don't follow semver in the dev version it could be packages with breaking changes (there is a command in yarn to use the package-lock.json but nearly nobody use it).

My point is that, the semve ensure we don't break when using "^" on version and that's not the case with our dev version and so we shouldn't use this syntax.

frontend/src/components/Card.tsx Outdated Show resolved Hide resolved
frontend/src/components/FAQ.tsx Show resolved Hide resolved
frontend/src/components/FAQ.tsx Outdated Show resolved Hide resolved
frontend/src/components/InputWithRightText.tsx Outdated Show resolved Hide resolved
frontend/src/components/MNSManagement.tsx Outdated Show resolved Hide resolved
frontend/src/components/MNSManagement.tsx Show resolved Hide resolved
frontend/src/components/MNSManagement.tsx Outdated Show resolved Hide resolved
@AurelienFT
Copy link
Member Author

@Thykof What do you mean by "create the lib in the UI kit" ?

@AurelienFT AurelienFT requested a review from Thykof May 13, 2024 18:17
@Thykof
Copy link
Contributor

Thykof commented May 13, 2024

@Thykof What do you mean by "create the lib in the UI kit" ?

I meant exactly what you describe here massalabs/ui-kit#428!

Copy link
Member

@thomas-senechal thomas-senechal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a few small comments

frontend/README.md Show resolved Hide resolved
frontend/src/App.css Outdated Show resolved Hide resolved
frontend/index.html Outdated Show resolved Hide resolved
@AurelienFT AurelienFT mentioned this pull request May 14, 2024
Copy link
Member

@thomas-senechal thomas-senechal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👏

@AurelienFT AurelienFT merged commit f84d414 into main May 14, 2024
1 check passed
@Thykof Thykof deleted the frontend branch May 14, 2024 13:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants