mycelium-lab/mint-table

mint-table

Uniswap v2

Components

• MaterialTable - creates the interactive table with props
  • EnchancedTableHead - creates the header of the table, which uses to select the sorting field and sorting direction
  • SmartAccordion - creates the pull-out card with wallet addres and additiona info (legacy)
    • AdditionalTable - creates the table with the mint data of this liquidity provider
  • SmartRow - creates the pull-out card with wallet addres and additiona info (used)
    • AdditionalTable - creates the table with the mint data of this liquidity provider
• EnchancedTableToolbar - creates toolbar with min amount and period selectors

Styles

• styles.js

Utils

• Utils.js - sort function and comparators AND data object formatting
• timeConvert.js - converts timestamps to normal date and normal date to timestamps, also calculates the time travel

Demo

U can test the demo in https://amazing-benz-3fd575.netlify.app/

Todo list

• Let Apollo make big graphQL queries (more than 100 entities)
• Fix sorting
• Delete duplicates
• Let user change the period (1 month, ...)
• Let user changes the amount
• The "mint" list to each liquidity provider
• Deploy and fun
• New fields in the addtional table
• Sticky header of the table
• Add the burn events (now: green - mints, red - burns)
• Prettify the code, and add some comments
• Redesign the UI