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: feature card - Customer Rating (Resolves #216) #378

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

codeza-ai
Copy link

This closes #216

Checklist

  • Completed Task
  • I have read and followed the contributing guidelines.
  • I have developed the component according to the requirements.
  • I have tested the component across different browsers and screen sizes.
  • I have documented the component for future reference.
  • I have submitted a pull request with appropriate labels and referenced this issue number.

Screenshots -

Normal

Screenshot 2024-10-24 195226

Hover

Screenshot 2024-10-24 195239

codeza-ai and others added 2 commits October 24, 2024 20:15
Update Fork from Upstream Repository: Sync with Latest Changes
@codeza-ai codeza-ai temporarily deployed to preview-deployment October 24, 2024 15:04 — with GitHub Actions Inactive
Copy link

🚀 Preview deployed to: https://cd90fbf8.animata.pages.dev

@codeza-ai codeza-ai closed this Oct 25, 2024
@codeza-ai codeza-ai reopened this Oct 25, 2024
@codeza-ai codeza-ai temporarily deployed to preview-deployment October 25, 2024 04:35 — with GitHub Actions Inactive
@codeza-ai
Copy link
Author

@sudhashrestha How can I add reviewer to it?

@codeza-ai codeza-ai changed the title Feature card - Customer Rating (Resolves #216) feat: feature card - Customer Rating (Resolves #216) Oct 25, 2024
Copy link

🚀 Preview deployed to: https://5006d49c.animata.pages.dev

@hari hari self-requested a review October 28, 2024 04:18

Built by [Darshan Odedara](https://github.com/codeza-ai)

...Add appropriate credits here.
Copy link
Contributor

Choose a reason for hiding this comment

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

Please remove this line

title: Customer Rating
description: A customer rating component that will display ratings out of 100. The rating bar will be revealed when hovered on the component.
labels: ["requires interaction", "hover"]
author: [Darshan Odedara](https://github.com/codeza-ai)
Copy link
Contributor

Choose a reason for hiding this comment

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

this should twitter username

Comment on lines +23 to +28
const [hovered, setHovered] = useState(false);

return (
<div
onMouseEnter={() => setHovered(true)}
onMouseLeave={() => setHovered(false)}
Copy link
Contributor

Choose a reason for hiding this comment

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

you don't need state for this and can use group hover from tailwindcss.

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.

Feature card - 001 [Customer Rating]
2 participants