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.

Sign up for GitHub

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

Jump to bottom

feat: create @venusprotocol/ui package #3976

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat: create @venusprotocol/ui package #3976

wants to merge 1 commit into from

Conversation

therealemjy
Copy link
Member

@therealemjy therealemjy commented Mar 6, 2025 •
edited
Loading

Jira ticket(s)

VEN-3115

Changes

  • create reusable @venusprotocol/ui package containing theme, Tailwind config and components (only Button and Spinner for now to keep the PR manageable)
  • use Button component from @venusprotocol/ui package in evm and landing apps
  • share fonts between evm and landing apps
  • add support for Tailwind to landing app
  • remove media.css file from landing app
  • remove duplicated CSS variables from landing app

@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Mar 6, 2025 •
edited
Loading

🦋 Changeset detected

Latest commit: d8ccf0f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@venusprotocol/landing Minor
@venusprotocol/ui Minor
@venusprotocol/evm Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel Vercel
Copy link

vercel bot commented Mar 6, 2025 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
app.venus.io ✅ Ready (Inspect) Visit Preview Mar 7, 2025 1:45pm
dapp-preview ✅ Ready (Inspect) Visit Preview Mar 7, 2025 1:45pm
dapp-testnet ✅ Ready (Inspect) Visit Preview Mar 7, 2025 1:45pm
venus.io ✅ Ready (Inspect) Visit Preview Mar 7, 2025 1:45pm

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Mar 6, 2025 •
edited
Loading

Coverage Report for ./apps/evm

Status Category Percentage Covered / Total
🔵 Lines 81.85% 42055 / 51379
🔵 Statements 81.85% 42055 / 51379
🔵 Functions 71.45% 941 / 1317
🔵 Branches 89.03% 6174 / 6934
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
apps/evm/src/App/index.tsx 0% 0% 0% 0% 1-69
apps/evm/src/components/index.ts 100% 100% 100% 100%
apps/evm/src/components/Accordion/index.tsx 100% 100% 100% 100%
apps/evm/src/components/AccordionAnimatedContent/index.tsx 100% 100% 100% 100%
apps/evm/src/components/ActiveVotingProgress/index.tsx 97.84% 33.33% 100% 97.84% 103-104
apps/evm/src/components/ApprovalSteps/index.tsx 95.91% 83.33% 100% 95.91% 41-42
apps/evm/src/components/Apy/BoostTooltip/index.tsx 82.6% 80% 33.33% 82.6% 51-68, 108
apps/evm/src/components/Apy/PrimeBadge/index.tsx 92.5% 85.71% 33.33% 92.5% 56-58
apps/evm/src/components/Apy/PrimeBadge/PrimeApy/index.tsx 100% 100% 100% 100%
apps/evm/src/components/Apy/PrimeBadge/PrimeIcon/index.tsx 100% 100% 100% 100%
apps/evm/src/components/ButtonGroup/index.tsx 100% 100% 50% 100%
apps/evm/src/components/Card/index.tsx 100% 100% 100% 100%
apps/evm/src/components/Carousel/index.tsx 0% 0% 0% 0% 1-89
apps/evm/src/components/Carousel/CarouselItem/index.tsx 0% 0% 0% 0% 1-14
apps/evm/src/components/CellGroup/index.tsx 95.45% 81.81% 100% 95.45% 31, 42
apps/evm/src/components/Delimiter/index.tsx 100% 100% 100% 100%
apps/evm/src/components/Dropdown/index.tsx 64.51% 66.66% 33.33% 64.51% 42-45, 52-73
apps/evm/src/components/ErrorState/index.tsx 12.5% 100% 0% 12.5% 15-33
apps/evm/src/components/InfoIcon/index.tsx 100% 100% 100% 100%
apps/evm/src/components/LabeledInlineContent/index.tsx 100% 100% 100% 100%
apps/evm/src/components/LabeledProgressCircle/index.tsx 100% 100% 100% 100%
apps/evm/src/components/MarkdownEditor/index.tsx 100% 75% 100% 100%
apps/evm/src/components/MarkdownViewer/index.tsx 75% 100% 62.5% 75% 20-22, 25-27, 46-48
apps/evm/src/components/Modal/index.tsx 100% 100% 100% 100%
apps/evm/src/components/Notice/index.tsx 93.44% 90% 80% 93.44% 47, 69-71
apps/evm/src/components/Pagination/index.tsx 91.8% 90.9% 40% 91.8% 75-80
apps/evm/src/components/Pill/index.tsx 100% 100% 100% 100%
apps/evm/src/components/ProgressBar/index.tsx 100% 100% 100% 100%
apps/evm/src/components/ProgressCircle/index.tsx 100% 80% 100% 100%
apps/evm/src/components/Select/index.tsx 97.65% 80% 60% 97.65% 80-82
apps/evm/src/components/SelectTokenTextField/index.tsx 100% 100% 75% 100%
apps/evm/src/components/SelectTokenTextField/TokenList/index.tsx 92.78% 94.11% 50% 92.78% 43, 75-82
apps/evm/src/components/SpendingLimit/index.tsx 94% 83.33% 100% 94% 36-37, 64
apps/evm/src/components/Table/TableCards.tsx 89.36% 87.5% 33.33% 89.36% 69-79
apps/evm/src/components/Table/index.tsx 85.71% 95.23% 33.33% 85.71% 42-52, 84-90
apps/evm/src/components/Table/styles.ts 100% 100% 100% 100%
apps/evm/src/components/TagGroup/index.tsx 100% 100% 50% 100%
apps/evm/src/components/Toggle/index.tsx 100% 80% 100% 100%
apps/evm/src/components/TokenIcon/index.tsx 100% 100% 100% 100%
apps/evm/src/components/TokenIconWithSymbol/index.tsx 100% 100% 100% 100%
apps/evm/src/components/TokenTextField/index.tsx 100% 100% 100% 100%
apps/evm/src/components/Tooltip/index.tsx 86.11% 66.66% 20% 86.11% 32-36
apps/evm/src/components/Tooltip/TooltipContent/index.tsx 100% 100% 0% 100%
apps/evm/src/components/Username/UsernameSpan.tsx 75% 100% 0% 75% 9
apps/evm/src/components/charts/styles.ts 9.09% 100% 0% 9.09% 7-29
apps/evm/src/components/charts/ApyChart/styles.ts 18.18% 100% 0% 18.18% 7-18
apps/evm/src/components/charts/InterestRateChart/styles.ts 9.52% 100% 0% 9.52% 8-29
apps/evm/src/containers/AccountData/index.tsx 100% 100% 100% 100%
apps/evm/src/containers/AddTokenToWalletButton/index.tsx 100% 100% 50% 100%
apps/evm/src/containers/ChainExplorerLink/index.tsx 87.5% 60% 100% 87.5% 40-42, 48
apps/evm/src/containers/ConnectWallet/index.tsx 100% 100% 100% 100%
apps/evm/src/containers/ConnectWallet/Container/index.tsx 0% 0% 0% 0% 1-6
apps/evm/src/containers/CopyAddressButton/index.tsx 88.46% 50% 50% 88.46% 36-38
apps/evm/src/containers/Form/RhfSubmitButton/index.tsx 97.67% 84.61% 100% 97.67% 64
apps/evm/src/containers/Layout/ClaimRewardButton/index.tsx 95.03% 85.29% 100% 95.03% 70-71, 88, 173-174, 201-203
apps/evm/src/containers/Layout/ConnectButton/index.tsx 0% 0% 0% 0% 1-111
apps/evm/src/containers/Layout/ConnectButton/PrimeButton/index.tsx 0% 0% 0% 0% 1-40
apps/evm/src/containers/Layout/Header/index.tsx 0% 0% 0% 0% 1-66
apps/evm/src/containers/Layout/Header/MarketInfo/AddTokenToWalletDropdown/index.tsx 0% 0% 0% 0% 1-82
apps/evm/src/containers/Layout/Header/MarketInfo/DropdownToggleButton/index.tsx 0% 0% 0% 0% 1-23
apps/evm/src/containers/Layout/Header/MarketInfo/GoToTokenContractDropdown/index.tsx 0% 0% 0% 0% 1-51
apps/evm/src/containers/Layout/Header/MarketInfo/TokenDropdownOption/index.tsx 0% 0% 0% 0% 1-61
apps/evm/src/containers/Layout/Header/TopBar/Breadcrumbs/index.tsx 90.27% 73.68% 100% 90.27% 43-44, 62-68, 84-85, 139-140, 142, 155
apps/evm/src/containers/Layout/Header/TopBar/ChainSelect/index.tsx 100% 87.5% 100% 100%
apps/evm/src/containers/Layout/Header/TopBar/GaslessStatus/index.tsx 46.66% 14.28% 100% 46.66% 36-42, 51-75
apps/evm/src/containers/Layout/Header/TopBar/MdUpControls/index.tsx 0% 0% 0% 0% 1-39
apps/evm/src/containers/Layout/Header/TopBar/XsControls/index.tsx 0% 0% 0% 0% 1-92
apps/evm/src/containers/Layout/Header/TopBar/XsControls/NavLink/index.tsx 0% 0% 0% 0% 1-51
apps/evm/src/containers/Layout/ScrollToTop/index.tsx 0% 0% 0% 0% 1-24
apps/evm/src/containers/Layout/Sidebar/NavLink/index.tsx 0% 0% 0% 0% 1-52
apps/evm/src/containers/Link/index.tsx 100% 100% 100% 100%
apps/evm/src/containers/MarketTable/useGenerateColumns.tsx 89.77% 82.14% 80% 89.77% 172, 351-356, 359-360, 363-364, 367-372, 390-406
apps/evm/src/containers/PrimeStatusBanner/index.tsx 92.79% 88.46% 50% 92.79% 73-78, 200-207, 227-237
apps/evm/src/containers/ReadableActionSignature/index.tsx 100% 100% 100% 100%
apps/evm/src/containers/SwitchChain/index.tsx 100% 100% 100% 100%
apps/evm/src/containers/SwitchChainNotice/index.tsx 100% 100% 100% 100%
apps/evm/src/libs/wallet/Web3Wrapper/ConnectKitWrapper/index.tsx 0% 0% 0% 0% 1-58
apps/evm/src/pages/Account/AccountBreakdown/index.spec.tsx 100% 100% 100% 100%
apps/evm/src/pages/Bridge/index.tsx 92% 85.5% 81.81% 92% 167-168, 175-187, 213-214, 241-244, 250-253, 282-283, 340-343
apps/evm/src/pages/Dashboard/Carousel/Template/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Governance/ProposalList/index.tsx 94% 94.87% 71.42% 94% 237-243, 256-257, 266-268
apps/evm/src/pages/Governance/ProposalList/GovernanceProposal/Status/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Governance/ProposalList/GovernanceProposal/Status/Indicator/index.tsx 91.89% 87.5% 100% 91.89% 26-28
apps/evm/src/pages/Governance/VotingWallet/index.tsx 99.47% 89.65% 50% 99.47% 154
apps/evm/src/pages/Market/Page/MarketCard/index.tsx 100% 83.33% 100% 100%
apps/evm/src/pages/Market/Page/MarketHistory/Card/CapThreshold/index.tsx 99.18% 66.66% 100% 99.18% 83
apps/evm/src/pages/Market/Page/OperationForm/BorrowForm/index.tsx 97.34% 97.67% 71.42% 97.34% 67-71, 108
apps/evm/src/pages/Market/Page/OperationForm/BorrowForm/SubmitSection/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Market/Page/OperationForm/RepayForm/index.tsx 99.32% 94.05% 100% 99.32% 180, 559-560
apps/evm/src/pages/Market/Page/OperationForm/RepayForm/SubmitSection/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Market/Page/OperationForm/SupplyForm/index.tsx 95.98% 91.26% 100% 95.98% 155, 202-203, 237-250, 465, 603-604
apps/evm/src/pages/Market/Page/OperationForm/SupplyForm/SubmitSection/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Market/Page/OperationForm/SwapDetails/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Market/Page/OperationForm/WithdrawForm/index.tsx 93.85% 91.48% 66.66% 93.85% 66-70, 98-99, 118, 147-148, 308-312
apps/evm/src/pages/Proposal/Commands/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Proposal/Commands/Command/index.tsx 100% 100% 50% 100%
apps/evm/src/pages/Proposal/Commands/Description/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Proposal/Commands/Progress/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Proposal/Commands/Status/index.tsx 92.3% 90.9% 100% 92.3% 45-47
apps/evm/src/pages/Swap/SubmitSection/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Swap/SwapDetails/index.tsx 95.87% 91.66% 100% 95.87% 72-73, 82-83
apps/evm/src/pages/Vault/TransactionForm/SubmitSection/index.tsx 100% 100% 100% 100%
apps/evm/src/pages/Vault/modals/ActionModal/index.spec.tsx 100% 100% 100% 100%
apps/evm/src/testUtils/render.tsx 100% 100% 85.71% 100%
apps/evm/src/utilities/index.ts 100% 100% 100% 100%
Generated in workflow #10228 for commit d8ccf0f by the Vitest Coverage Report Action

@therealemjy therealemjy marked this pull request as ready for review March 7, 2025 12:56
@therealemjy therealemjy changed the title feat: create ui package feat: create @venusprotocol/ui package Mar 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@gleiser-oliveira gleiser-oliveira Awaiting requested review from gleiser-oliveira

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@therealemjy