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: add FeaturedHighlightPanel component to design system #1307

Merged
merged 4 commits into from
Jun 28, 2023

Conversation

OgDev-01
Copy link
Contributor

What type of PR is this? (check all applicable)

  • πŸ• Feature
  • πŸ› Bug Fix
  • πŸ“ Documentation Update
  • 🎨 Style
  • πŸ§‘β€πŸ’» Code Refactor
  • πŸ”₯ Performance Improvements
  • βœ… Test
  • πŸ€– Build
  • πŸ” CI
  • πŸ“¦ Chore (Release)
  • ⏩ Revert

Description

Add a new component FeaturedHighlightsPanel to display a list of featured highlights. It takes an array of objects containing id and title as props. Each highlight is displayed as a link to the corresponding feed. Also, add a story for the component with sample data.

Generated using OpenSauced.

Related Tickets & Documents

Closes #1291

Mobile & Desktop Screenshots/Recordings

image

hovered

image

Added tests?

  • πŸ‘ yes
  • πŸ™… no, because they aren't needed
  • πŸ™‹ no, because I need help

Added to documentation?

  • πŸ“œ README.md
  • πŸ““ docs.opensauced.pizza
  • πŸ• dev.to/opensauced
  • πŸ“• storybook
  • πŸ™… no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

@netlify
Copy link

netlify bot commented Jun 27, 2023

βœ… Deploy Preview for design-insights ready!

Name Link
πŸ”¨ Latest commit 42ca283
πŸ” Latest deploy log https://app.netlify.com/sites/design-insights/deploys/649c2c816294170008ffe1c0
😎 Deploy Preview https://deploy-preview-1307--design-insights.netlify.app
πŸ“± Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@netlify
Copy link

netlify bot commented Jun 27, 2023

βœ… Deploy Preview for oss-insights ready!

Name Link
πŸ”¨ Latest commit 42ca283
πŸ” Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/649c2c81d733f60008c9dd79
😎 Deploy Preview https://deploy-preview-1307--oss-insights.netlify.app
πŸ“± Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@OgDev-01 OgDev-01 added the needs review PRs that need review from core engineering team label Jun 27, 2023
@OgDev-01 OgDev-01 requested a review from bdougie June 28, 2023 06:57
@OgDev-01 OgDev-01 requested a review from NsdHSO June 28, 2023 13:29
Copy link
Member

@bdougie bdougie left a comment

Choose a reason for hiding this comment

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

Can you open a corresponding issue for implementation of this?

Featured highlights can be the ones with the most reaction count. We should also enable the ability manual select highlights to be featured as well.

Would love to start seeing these components start making on the page.

Copy link
Contributor

@NsdHSO NsdHSO left a comment

Choose a reason for hiding this comment

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

LGTM

@OgDev-01
Copy link
Contributor Author

Can you open a corresponding issue for the implementation of this?

Yes, i will... But a question is: are we implementing the logic for the featured highlight in the FE?

@OgDev-01 OgDev-01 added needs-approval and removed needs review PRs that need review from core engineering team labels Jun 28, 2023
@brandonroberts brandonroberts merged commit 452213c into beta Jun 28, 2023
@brandonroberts brandonroberts deleted the 1291-featured-higghlight branch June 28, 2023 16:47
github-actions bot pushed a commit that referenced this pull request Jun 28, 2023
## [1.54.0-beta.9](v1.54.0-beta.8...v1.54.0-beta.9) (2023-06-28)

### πŸ• Features

* add `FeaturedHighlightPanel` component to design system ([#1307](#1307)) ([452213c](452213c))
@github-actions
Copy link
Contributor

πŸŽ‰ This PR is included in version 1.54.0-beta.9 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€

@NsdHSO
Copy link
Contributor

NsdHSO commented Jun 28, 2023

Can you open a corresponding issue for the implementation of this?

Yes, i will... But a question is: are we implementing the logic for the featured highlight in the FE?

IMHO, I think we need to keep FE clean, just to be a display for the Backend

github-actions bot pushed a commit that referenced this pull request Jun 28, 2023
## [1.54.0](v1.53.0...v1.54.0) (2023-06-28)

### πŸ› Bug Fixes

* fix yellow color for `<Pill />` component ([#1299](#1299)) ([2f2d9f5](2f2d9f5))

### πŸ• Features

*  hide highlights tab components on profiles without highlights ([#1304](#1304)) ([976739f](976739f))
* add `BillBoard` component to design system ([#1306](#1306)) ([1181cfd](1181cfd))
* add `FeaturedHighlightPanel` component to design system ([#1307](#1307)) ([452213c](452213c))
* add `UserCard` component to storybook design system ([#1295](#1295)) ([6867011](6867011))
* add highlight prompt to design system ([#1297](#1297)) ([4a85e74](4a85e74))
* add top users panel component to design system ([#1300](#1300)) ([9c05fec](9c05fec))
* add URL for collaboration requests ([#1305](#1305)) ([b3f8ea5](b3f8ea5))
* allow login flow after selecting repositories to add to insight page (close [#1132](#1132)) ([#1184](#1184)) ([21aaa0b](21aaa0b))
* implemented/added scroll-area component to design-system  ([#1283](#1283)) ([b7280ab](b7280ab))
@github-actions
Copy link
Contributor

πŸŽ‰ This PR is included in version 1.54.0 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€

ElpisHelle added a commit to ElpisHelle/next.js-tailwindcss that referenced this pull request Aug 17, 2023
## [1.54.0-beta.9](open-sauced/app@v1.54.0-beta.8...v1.54.0-beta.9) (2023-06-28)

### πŸ• Features

* add `FeaturedHighlightPanel` component to design system ([#1307](open-sauced/app#1307)) ([452213c](open-sauced/app@452213c))
ElpisHelle added a commit to ElpisHelle/next.js-tailwindcss that referenced this pull request Aug 17, 2023
## [1.54.0](open-sauced/app@v1.53.0...v1.54.0) (2023-06-28)

### πŸ› Bug Fixes

* fix yellow color for `<Pill />` component ([#1299](open-sauced/app#1299)) ([2f2d9f5](open-sauced/app@2f2d9f5))

### πŸ• Features

*  hide highlights tab components on profiles without highlights ([#1304](open-sauced/app#1304)) ([976739f](open-sauced/app@976739f))
* add `BillBoard` component to design system ([#1306](open-sauced/app#1306)) ([1181cfd](open-sauced/app@1181cfd))
* add `FeaturedHighlightPanel` component to design system ([#1307](open-sauced/app#1307)) ([452213c](open-sauced/app@452213c))
* add `UserCard` component to storybook design system ([#1295](open-sauced/app#1295)) ([6867011](open-sauced/app@6867011))
* add highlight prompt to design system ([#1297](open-sauced/app#1297)) ([4a85e74](open-sauced/app@4a85e74))
* add top users panel component to design system ([#1300](open-sauced/app#1300)) ([9c05fec](open-sauced/app@9c05fec))
* add URL for collaboration requests ([#1305](open-sauced/app#1305)) ([b3f8ea5](open-sauced/app@b3f8ea5))
* allow login flow after selecting repositories to add to insight page (close [#1132](open-sauced/app#1132)) ([#1184](open-sauced/app#1184)) ([21aaa0b](open-sauced/app@21aaa0b))
* implemented/added scroll-area component to design-system  ([#1283](open-sauced/app#1283)) ([b7280ab](open-sauced/app@b7280ab))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feature: Featured highlights component
4 participants