feat: adding casestudies, blogs, tsc, roadmap, events, ambassadors page, tools page, dashboard and community page #4553
Conversation
Shriya-Chauhan
requested review from
Mayaleeeee,
TRohit20,
akshatnema,
anshgoyalevil,
asyncapi-bot-eve,
derberg,
sambhavgupta0705 and
thulieblack
as code owners
✅ Deploy Preview for asyncapi-website ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the
📝 WalkthroughWalkthroughThis PR implements extensive website modernization including a Code of Conduct 3.0 update, dark mode support across UI components, new community-focused components (FeatureCard, TSCMemberCard, ToolingCard, UpcomingEventsSection), major page refactors with pagination/filtering (blog, case studies, community, TSC, ambassadors), new icon components, and configuration updates for community meetings and events. Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant Page as Blog/Case Studies Page
participant Filter as Filter Component
participant State as Page State
participant Render as Render
User->>Page: Visit page / click filter
Page->>Filter: Pass onFilter callback
User->>Filter: Select filter option
Filter->>Page: onFilter(selected)
Page->>State: Update filters, reset pagination
State->>Page: Re-compute filtered/paginated posts
Page->>Render: Re-render with currentPosts
Render->>User: Display filtered page 1
User->>Page: Click next page / select tab
Page->>State: Update currentPage/activeTab
State->>Page: Compute page slice
Page->>Render: Render new slice
Render->>User: Display new page content
sequenceDiagram
participant ToolingsShowcase
participant ToolData as Tool Selection State
participant ToolingCard
participant UI as Rendered Card
ToolingsShowcase->>ToolData: Mount with first tool selected
User->>ToolingsShowcase: Click tool tag
ToolingsShowcase->>ToolData: Set isShuffling = true
ToolData->>ToolingCard: Pass isShuffling prop
ToolingCard->>UI: Apply rotation/translation animation
ToolingsShowcase->>ToolingsShowcase: After 300ms timeout
ToolingsShowcase->>ToolData: Update selected tool + isShuffling = false
ToolData->>ToolingCard: Pass new tool data
ToolingCard->>UI: Render new tool, clear animation
UI->>User: Display selected tool
Estimated code review effort🎯 4 (Complex) | ⏱️ ~60 minutes Areas requiring extra attention:
Possibly related PRs
Suggested labels
Suggested reviewers
Poem
Pre-merge checks and finishing touches✅ Passed checks (3 passed)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
asyncapi-bot
requested review from
CBID2,
ashmitjsg,
bandantonio and
vishvamsinh28
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## website-ui #4553 +/- ##
==============================================
Coverage ? 100.00%
==============================================
Files ? 22
Lines ? 798
Branches ? 146
==============================================
Hits ? 798
Misses ? 0
Partials ? 0 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
Shriya-Chauhan
changed the title
|
@Shriya-Chauhan Starting to review this, will complete the review by tomorrow. |
The scrollbar should not appear at the bottom of the navmenu dropdown. |
|
On load, the dark mode should appear instantly instead of showing a transition from light mode: Screen.Recording.2025-11-13.224339.mp4 |
|
The font colour of the author's name in the case study and the title of the TOC should be changed to something lighter in the dark mode. Also, the colour of the left border of the TOC is very sharp as compared to background in the dark mode, please change it. 
ref: https://deploy-preview-4553--asyncapi-website.netlify.app/casestudies/adeogroup |
|
The go-to page dropdown on the case studies page is not working: Screen.Recording.2025-11-13.225426.mp4 |
|
The pagination "go to page" dropdown should not go out of the screen, keep the height restricted to 3-4 options. Also, increase the width of the box and the dropdown to make the content fit correctly. 
ref: https://deploy-preview-4553--asyncapi-website.netlify.app/blog |
|
The hover background colour and the search icon color are too similar in dark mode, making it hard to recognise. 
|
|
The pagination number text and background colors are too similar in dark mode, making them hard to read. Also, the "Go to page" dropdown box width is too small, the text and the dropdown icon are overlapping. 
|
|
On the roadmap page, the collapsible arrow and background colors are too similar in dark mode, making them hard to see. 
ref: https://deploy-preview-4553--asyncapi-website.netlify.app/roadmap |
|
In the Events & Update Page, the event title text and background colors are too similar in dark mode, making them hard to read. 
ref: https://deploy-preview-4553--asyncapi-website.netlify.app/community/events-and-updates |
|
The Subscribe to Newsletter section is incomplete on the "Ambassadors" page. Ideally, you should use a single "Subscribe to Newsletter" component on all pages to avoid inconsistencies. 
ref: https://deploy-preview-4553--asyncapi-website.netlify.app/community/ambassadors |
|
The community Dashboard page is incomplete for dark mode (headings, Hot Topics, Good First Issues) topics. 
ref: https://deploy-preview-4553--asyncapi-website.netlify.app/community/dashboard |
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
- Improve JSDoc descriptions and remove obvious comments - Extract SVG icons in TSCMemberCard into separate components - Reduce unnecessary JSX spacing expressions - Improve code clarity per clean coding practices Signed-off-by: Shriya-Chauhan <auroralflower@gmail.com>
Remove computed URL fields (githubUrl, twitterUrl, linkedinUrl, avatarUrl, reposList) from Tsc and Ambassador interfaces. Compute URLs inline in components instead of storing them in type definitions. This improves type accuracy and reduces redundancy.
Shriya-Chauhan
force-pushed
the
casestudies
branch
from
be877a0 to
036d98c
Compare
4 participants
This PR introduces several new pages and updates across the site to enhance navigation and improve overall user experience.
🔧 Changes Included
Added new pages:
Fixes and updates:
Fixed mobile and desktop layout issues
Updated heading sizes for better hierarchy and consistency
Redesigned Roadmaps page
Updated Ambassadors page content and layout
Improved Blog desktop design
Added new graphics and assets where needed
related issues : #3669
Summary by CodeRabbit
New Features
Bug Fixes & Improvements
Documentation