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

Shadcn migration - EnergyConsumptionChart #13633

Merged
merged 3 commits into from
Aug 16, 2024

Conversation

saurabhburade
Copy link
Contributor

Description

Migrate EnergyConsumptionChart to tailwind.

Copy link

netlify bot commented Aug 14, 2024

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 1b0412e
🔍 Latest deploy log https://app.netlify.com/sites/ethereumorg/deploys/66be23162f6a6d00096a0093
😎 Deploy Preview https://deploy-preview-13633--ethereumorg.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 43 (🔴 down 7 from production)
Accessibility: 93 (no change from production)
Best Practices: 83 (🔴 down 9 from production)
SEO: 93 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

@saurabhburade
Copy link
Contributor Author

saurabhburade commented Aug 14, 2024

Blockers

  • useBreakpointValue, useColorModeValue these hooks are imported from @chakra-ui/react
  • module not found => FeedbackCard => tailwind UI Button => import { Button } from "../../tailwind/ui/buttons/Button"

@pettinarip
Copy link
Member

  • module not found => FeedbackCard => tailwind UI Button => import { Button } from "../../tailwind/ui/buttons/Button"

This was moved recently to https://github.com/ethereum/ethereum-org-website/blob/dev/src/components/ui/buttons/Button.tsx

Copy link
Member

@pettinarip pettinarip left a comment

Choose a reason for hiding this comment

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

@saurabhburade great job and thanks for the details. Left a couple of comments to reuse a few functions/components that we have built in the transition.

src/components/EnergyConsumptionChart/index.tsx Outdated Show resolved Hide resolved
useBreakpointValue,
useColorModeValue,
} from "@chakra-ui/react"
import { useBreakpointValue, useColorModeValue } from "@chakra-ui/react"
Copy link
Member

Choose a reason for hiding this comment

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

Ok about useBreakpointValue. We need to think how we could replace it but not a blocker for this PR though.

cc @TylerAPfledderer maybe something we could do with tv responsive variants? do you have something in mind?

src/components/EnergyConsumptionChart/index.tsx Outdated Show resolved Hide resolved
Copy link
Member

@pettinarip pettinarip left a comment

Choose a reason for hiding this comment

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

LGTM! thanks @saurabhburade

@pettinarip pettinarip merged commit 0ea4e94 into ethereum:dev Aug 16, 2024
9 of 10 checks passed
This was referenced Aug 21, 2024
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