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

Sample app frontend #5931

Merged
merged 11 commits into from
Apr 5, 2024
Merged

Conversation

ctmphuongg
Copy link
Contributor

@ctmphuongg ctmphuongg commented Mar 28, 2024

"Fixes #5899"

Proposed Changes

Frontend of sample app for Knative eventing. Packages used: Next.js, node.js, TailwindCSS, next-themes
In some components, I assume receiving an object with the defined attributes and make example objects using const. This will be changed when connected to backend and know backend object format.
Remaining problems:

  • Component CommentDisplay - Not figure out how to customize darkmode for 1 particular component yet.
  • Haven't cleaned up unneccessary files yet.

Please look at other parts of the code and let me know if you need any changes. For the component CommentDisplay, please let me know if you have any suggestions as well. Thank you!

Current UI:
Screenshot 2024-03-27 at 8 56 24 PM
Screenshot 2024-03-27 at 8 56 36 PM

@knative-prow knative-prow bot added the do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. label Mar 28, 2024
Copy link

knative-prow bot commented Mar 28, 2024

Welcome @ctmphuongg! It looks like this is your first PR to knative/docs 🎉

@knative-prow knative-prow bot added the size/XXL Denotes a PR that changes 1000+ lines, ignoring generated files. label Mar 28, 2024
Copy link

netlify bot commented Mar 28, 2024

Deploy Preview for knative ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 9a8ca15
🔍 Latest deploy log https://app.netlify.com/sites/knative/deploys/660fe432172d3e0008df6fbf
😎 Deploy Preview https://deploy-preview-5931--knative.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.

@ctmphuongg
Copy link
Contributor Author

/cc @Leo6Leo

@knative-prow knative-prow bot requested a review from Leo6Leo March 28, 2024 01:05
@ctmphuongg ctmphuongg marked this pull request as ready for review March 28, 2024 14:37
@knative-prow knative-prow bot removed the do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. label Mar 28, 2024
Copy link
Member

@Leo6Leo Leo6Leo left a comment

Choose a reason for hiding this comment

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

@ctmphuongg Thank you for your PR Phuong! It looks great to me overall, just left few comments! PTAL, and let me know if you have any questions!

@ctmphuongg ctmphuongg requested a review from Leo6Leo April 2, 2024 17:59
Copy link
Member

@Leo6Leo Leo6Leo left a comment

Choose a reason for hiding this comment

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

Great work @ctmphuongg !

I suggested some changes to make it look more align with the design graph.

After apply these changes, it looks like this on my end.
CleanShot 2024-04-03 at 12 20 54@2x

@ctmphuongg ctmphuongg requested a review from Leo6Leo April 4, 2024 01:12
Copy link
Member

@Leo6Leo Leo6Leo left a comment

Choose a reason for hiding this comment

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

Great work @ctmphuongg ! Please see the comments and let me know if you have any questions!

Copy link
Member

Choose a reason for hiding this comment

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

The README.md looks great! But just a note here: it might need to be changed when the sample app approaches to the end!! If it got changed, it doesn't mean your README.md is wrong!!

@pierDipi
Copy link
Member

pierDipi commented Apr 4, 2024

Thanks @ctmphuongg! This looks great!

@ctmphuongg ctmphuongg requested a review from Leo6Leo April 4, 2024 18:40
Copy link
Member

@Leo6Leo Leo6Leo left a comment

Choose a reason for hiding this comment

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

This looks great to me! Thank you for the amazing work @ctmphuongg !

/approve
/lgtm

@knative-prow knative-prow bot added the lgtm Indicates that a PR is ready to be merged. label Apr 5, 2024
Copy link

knative-prow bot commented Apr 5, 2024

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: ctmphuongg, Leo6Leo

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@knative-prow knative-prow bot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Apr 5, 2024
@knative-prow knative-prow bot merged commit 791daf5 into knative:main Apr 5, 2024
18 checks passed
prushh pushed a commit to prushh/docs that referenced this pull request Apr 30, 2024
* Add darkmode

* Edit README

* Add comments and readme

* Fix UI

* Update README

* Update code-samples/eventing/bookstore-sample-app/frontend/client/pages/Main.js

Co-authored-by: Leo Li <[email protected]>

* Update code-samples/eventing/bookstore-sample-app/frontend/client/components/BookDetail.js

Co-authored-by: Leo Li <[email protected]>

* Change emoji

* Update code-samples/eventing/bookstore-sample-app/frontend/client/components/Toggle.js

Co-authored-by: Leo Li <[email protected]>

* Fix UI

* Align time

---------

Co-authored-by: Leo Li <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Indicates a PR has been approved by an approver from all required OWNERS files. lgtm Indicates that a PR is ready to be merged. size/XXL Denotes a PR that changes 1000+ lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sample App: UI website implementation
3 participants