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

[NFTCard] : New styles for card #969

Merged
merged 9 commits into from
Dec 27, 2022
Merged

[NFTCard] : New styles for card #969

merged 9 commits into from
Dec 27, 2022

Conversation

AbhinavMV
Copy link
Collaborator


name: 'Pull request'
about: A new pull request

New Pull Request

Checklist

  • I am not disclosing a vulnerability.
  • My code is conform the code style
  • I have made corresponding changes to the documentation
  • I have updated Typescript definitions when needed

Issue Description

Related issue: #FILL_THIS_OUT

Solution Description

image

@changeset-bot
Copy link

changeset-bot bot commented Dec 27, 2022

🦋 Changeset detected

Latest commit: 2a90ba8

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

This PR includes changesets to release 1 package
Name Type
@web3uikit/core Patch

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

@github-actions
Copy link
Contributor

github-actions bot commented Dec 27, 2022

size-limit report 📦

Path Size
packages/core/dist/index.js 331.8 KB (+0.06% 🔺)
packages/icons/dist/index.es.js 131.36 KB (0%)
packages/web3/dist/index.js 1.5 MB (+0.02% 🔺)
packages/web3uikit/dist/index.js 1.94 MB (+0.04% 🔺)

/**
* set card background color
*/
backgroundColor: string;
Copy link
Contributor

Choose a reason for hiding this comment

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

should this be optional?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

yeah, nice catch 🙌🏻

Will make these new props optional ✅

/**
* set border for details section
*/
detailsBorder: string | 'none';
Copy link
Contributor

Choose a reason for hiding this comment

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

this seems strange. maybe it should be optional? but the dev cant even use it to set a border... If its an on / off switch use a boolean like hasBorderStyles. But best DX is to offer a border?: string so the dev can set border: 1px solid color and if its left unset it shows what you have now... or you set current styles as the default value on line 17 of packages/core/src/lib/NftCard/NftCard.tsx

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

  • Yes this is optional.
  • It's not named as border because this border is for the component inside card.
  • will remove extra none

Copy link
Contributor

@BillyG83 BillyG83 left a comment

Choose a reason for hiding this comment

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

you can merge this if you need a quick fix but consider to open an iteration task. Actually this feedback plus using the TCustomize type for this would be Super Saiyan level dev work

@AbhinavMV
Copy link
Collaborator Author

Have added TCustomize instead of just background color 🙌🏻

@AbhinavMV AbhinavMV merged commit 4e6d517 into master Dec 27, 2022
@AbhinavMV AbhinavMV deleted the fix/nft-card-styles branch December 27, 2022 10:18
@github-actions github-actions bot mentioned this pull request Dec 27, 2022
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