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

[explorer/frontend]: project #974

Merged
merged 257 commits into from
Jul 5, 2024

Conversation

OlegMakarenko
Copy link
Contributor

@OlegMakarenko OlegMakarenko commented Jun 21, 2024

Demo: https://nem-explorer.vercel.app/

Problem

  • There is no frontend project for NEM Explorer.

Solution

  • Setup Next.js project.
  • Added styles.
  • Added pages:
  1. Home
  2. Account List.
  3. Account Info.
  4. Block List.
  5. Block Info.
  6. Mosaic List.
  7. Mosaic Info.
  8. Namespace List.
  9. Namespace Info.
  10. Transaction List.
  11. Transaction Info.
  12. Error 404.
  13. Error 500.
  • Added services for API communication.
  • Added utils.
  • Added reusable UI components.
  • Added tests.

@Wayonb
Copy link
Contributor

Wayonb commented Jun 25, 2024

@OlegMakarenko, Can this PR be broken up into smaller ones? It would be easier to review. 😄 I will try to go through this one.
Also, add a Jenkins job so we can verify tests are passing.

…nslation files, add more button to block preview
…and update pagination hooks, add mosaic list, add TransactionDirection components
…added more transaction type icons, improved ValueTransactionType component
@OlegMakarenko OlegMakarenko force-pushed the explorer-frontend/project branch 2 times, most recently from 5b60465 to 018deee Compare June 25, 2024 19:01
[explorer/frontend] fix: remove scripts with wrong permissions

[explorer/frontend] fix: add scripts

[explorer/frontend]: fix permission issue
@OlegMakarenko OlegMakarenko force-pushed the explorer-frontend/project branch from 5727fe4 to bede863 Compare June 26, 2024 10:09
@OlegMakarenko OlegMakarenko force-pushed the explorer-frontend/project branch from bede863 to 2361e25 Compare June 26, 2024 11:10
Copy link

codecov bot commented Jun 26, 2024

Codecov Report

Attention: Patch coverage is 98.43886% with 18 lines in your changes missing coverage. Please review.

Project coverage is 98.40%. Comparing base (eadaf26) to head (178c085).
Report is 76 commits behind head on explorer-frontend/dev.

Additional details and impacted files

Impacted file tree graph

@@                    Coverage Diff                    @@
##           explorer-frontend/dev     #974      +/-   ##
=========================================================
+ Coverage                  98.20%   98.40%   +0.19%     
=========================================================
  Files                        156       68      -88     
  Lines                       6407     1564    -4843     
  Branches                     143      253     +110     
=========================================================
- Hits                        6292     1539    -4753     
+ Misses                       115       25      -90     
Flag Coverage Δ
explorer-nodewatch ?
faucet-authenticator ?
faucet-backend ?
faucet-frontend ?
lightapi-python ?
optin-puller ?
optin-reporting ?
tools-shoestring ?
tools-vanity ?

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Coverage Δ
explorer/frontend/api/accounts.js 100.00% <100.00%> (ø)
explorer/frontend/api/blocks.js 100.00% <100.00%> (ø)
explorer/frontend/api/mosaics.js 100.00% <100.00%> (ø)
explorer/frontend/api/namespaces.js 100.00% <100.00%> (ø)
explorer/frontend/api/search.js 100.00% <100.00%> (ø)
explorer/frontend/api/stats.js 100.00% <100.00%> (ø)
explorer/frontend/api/transactions.js 100.00% <100.00%> (ø)
...plorer/frontend/components/AccountMultisigTree.jsx 100.00% <100.00%> (ø)
explorer/frontend/components/ButtonCSV.jsx 100.00% <100.00%> (ø)
explorer/frontend/components/Card.jsx 100.00% <ø> (ø)
... and 56 more

... and 156 files with indirect coverage changes

Copy link
Contributor

@Wayonb Wayonb left a comment

Choose a reason for hiding this comment

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

Looks good just a few comments 👍🏾

totalFee: data.totalFees,
transactionCount: data.totalTransactions,
difficulty: ((data.difficulty / Math.pow(10, 14)) * 100).toFixed(2),
averageFee: data.totalTransactions ? truncateDecimals(data.totalFees / data.totalTransactions, config.NATIVE_MOSAIC_DIVISIBILITY) : 0
Copy link
Contributor

Choose a reason for hiding this comment

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

What's the use case for the average fee?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

The average fee field was included in the finalized mockups in Figma. Its purpose was to display the average transaction fee at each time point (block height). However, for NEM, this information isn't particularly useful. I've removed the field. Thanks for pointing it out!

Copy link
Contributor

Choose a reason for hiding this comment

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

Please verify the @0x6861746366574 to see if it's needed before you remove it. I was just curious.

@Wayonb Wayonb requested a review from AnthonyLaw June 28, 2024 04:19
@OlegMakarenko
Copy link
Contributor Author

@Wayonb Thanks, I've pushed the changes.

Copy link
Contributor

@Wayonb Wayonb left a comment

Choose a reason for hiding this comment

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

👍🏾

@OlegMakarenko OlegMakarenko merged commit 148eb0b into explorer-frontend/dev Jul 5, 2024
14 checks passed
@OlegMakarenko OlegMakarenko deleted the explorer-frontend/project branch July 5, 2024 15:59
OlegMakarenko added a commit that referenced this pull request Nov 5, 2024
Problem:
There is no frontend project for NEM Explorer.

Solution:
- Setup Next.js project.
- Add Jenkinsfile and Dockerfile.
- Add lint and test configuration.
- Add styles.
- Add pages:
1. Home
2. Account List.
3. Account Info.
4. Block List.
5. Block Info.
6. Mosaic List.
7. Mosaic Info.
8. Namespace List.
9. Namespace Info.
10. Transaction List.
11. Transaction Info.
12. Error 404.
13. Error 500.
- Add services for API communication.
- Add utils.
- Add reusable UI components.
- Add tests.
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.

2 participants