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

feat(Heading): create heading component #6

Merged
merged 3 commits into from
Nov 13, 2024
Merged

feat(Heading): create heading component #6

merged 3 commits into from
Nov 13, 2024

Conversation

evgenibir
Copy link
Contributor

Checklist

  • Created Heading and added in DHOs page

Copy link

vercel bot commented Nov 11, 2024

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

Name Status Preview Comments Updated (UTC)
hypha-web ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 13, 2024 6:47am

Copy link
Contributor

@plitzenberger plitzenberger 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 some small changes please.

/>
</Link>
<div className="px-6 py-4">
<Heading className="mb-4" size={9} color="#fff" weight="medium" align="center">All your spaces, in one place</Heading>
Copy link
Contributor

Choose a reason for hiding this comment

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

There are some type errors for color and weight. See my comment on the component also

{
variants: {
size: {
1: 'text-[14px] leading-tight', // h9
Copy link
Contributor

Choose a reason for hiding this comment

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

We should probably define those at the tailwind.config.js to keep all configuration in one location

export interface HeadingProps
extends React.HTMLAttributes<HTMLHeadingElement>,
VariantProps<typeof headingVariants> {
asChild?: boolean;
Copy link
Contributor

Choose a reason for hiding this comment

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

I was able to fix the color type error by overwriting it here:

Suggested change
asChild?: boolean;
asChild?: boolean;
color?: 'primary' | 'secondary';

Copy link
Contributor

@plitzenberger plitzenberger left a comment

Choose a reason for hiding this comment

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

lgtm

@evgenibir evgenibir merged commit 81e410e into main Nov 13, 2024
3 checks passed
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