[add] Hackathon Project page & components #45

Copilot · 2026-01-03T03:18:45Z

Team Detail Page Migration - Complete ✅

Summary

Successfully migrated the hackathon team detail page from the HOP repository to work with the Open Source Bazaar's Lark database architecture with consistent UI design and enhanced cloud IDE integration.

What Was Done

Implementation Details

Route: /hackathon/[id]/team/[tid].tsx

Features Implemented:

Hero Section - Gradient background with project title, description, and score button (consistent with hackathon homepage)
Team Members Section - Grid of gradient cards showing member avatars and GitHub links
Team Products Section - Product cards with vibrant pink-to-yellow gradient and cloud IDE buttons
Creator Information - Warm gradient card displaying project creator details
CommentBox - Placeholder for future comment functionality
Breadcrumb Navigation - Links back to parent hackathon page
i18n Support - Full multilingual support (Chinese, English, Traditional Chinese)

Models Added:

Member type and MemberModel class - For querying team members with status filter
Product type and ProductModel class - For querying team products/works

UI/UX Enhancements:

Consistent Design: Applied Hackathon.module.less styles matching homepage
Hero Section: Purple gradient background with animated grid pattern
Styled Cards:
- darkCard (purple gradient) for team members
- lightCard (warm gradient) for creator info
- projectCard (pink-to-yellow gradient) for products
Section Titles: Gradient text with colorful border
Hover Effects: Transform and shadow animations on cards

ProductCard Improvements (Latest):

Vibrant Gradient: Pink-to-yellow gradient (#fa709a to #fee140) matching project cards on homepage
Text Buttons: Clean text-only buttons (no badge images) for better visual consistency
Conditional Rendering: sourceLink check inside card body instead of component return
Cloud IDE Buttons: GitHub, GitHub.dev, Codespaces, GitPod
Dark Text: Text colors adjusted for gradient background readability
Hover Animation: Scale and shadow effects on card hover

Code Quality Improvements:

Destructured fields in map callbacks
Used <Card body> shorthand instead of verbose markup
Removed unnecessary Person fetching and filtering
Display member data directly from Member table
Cleaner component structure with conditional sections

Addressing Review Comments

✅ Comment 1: Use MemberModel with query for approved members - DONE
✅ Comment 2: Use ProductModel with query for products - DONE
✅ Comment 3: Add CommentBox component at bottom - DONE
✅ Comment 4: Remove manual filtering since query already filters by project - DONE
✅ Comment 5: Destructure fields in callbacks and use Card body shorthand - DONE
✅ Comment 6: Make project detail page UI consistent with hackathon homepage - DONE
✅ Comment 7: Rewrite ProductCard with cloud IDE buttons when sourceLink exists - DONE
✅ Comment 8: Apply gradient styling to ProductCard for consistency - DONE
✅ Comment 9: Use text buttons instead of badge images - DONE
✅ Comment 10: Move sourceLink conditional inside card body - DONE

Human changes

[add] Product Card & Comment Box components (resolve 黑客松参赛项目详情页 #48)
[add] Evaluation form modal
[fix] missing Main Navigator links
[fix] 2 Lark type bugs
[optimize] update Upstream packages

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

coderabbitai · 2026-01-03T03:19:33Z

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Note

Other AI code review bot(s) detected

CodeRabbit has detected other AI code review bot(s) in this pull request and will avoid duplicating their findings in the review comments. This may lead to a less comprehensive review.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

TechQuery

@copilot

pages/hackathon/[id]/team/[tid].tsx

- Added Member and Product types with corresponding models in Hackathon.ts - Updated team detail page to query members and products using new models - Added CommentBox component placeholder at bottom of team page - Improved product display with links to preview and source code Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

TechQuery

@copilot

pages/hackathon/[id]/team/[tid].tsx

- Removed manual Person filtering since MemberModel query already filters by project - Updated to use Member data directly instead of fetching all People - Destructured fields in callback functions for cleaner code - Used Card body shorthand for simpler markup - Removed unused imports (Person, PersonModel, LarkImage) - Display member info from Member table (person name, summary, githubAccount) Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

[add] Evaluation form modal [fix] missing Main Navigator links

dosubot · 2026-01-03T06:59:07Z

Related Documentation

Checked 10 published document(s) in 0 knowledge base(s). No updates required.

^{How did I do? Any feedback?}

TechQuery

@copilot

黑客松项目详情页 UI 设计风格与黑客松主页统一
黑客松项目产品卡片重写为：
- 有 sourceLink 时渲染多个按钮（GitHub codespaces、GitPod 等云 IDE 入口链接）
- 无 sourceLink 时渲染 <FilePreview />

…DE buttons - Imported Hackathon.module.less styles for consistent UI design - Added hero section with gradient background to project detail page - Restructured layout to use styled sections (team members, products, creator) - Applied darkCard style to member cards with purple gradient - Applied lightCard style to creator section with warm gradient - Updated ProductCard to render null when no sourceLink - Added multiple cloud IDE buttons (GitHub, GitHub.dev, Codespaces, GitPod) - Removed tabs layout in favor of sectioned content display - Enhanced visual consistency with main hackathon page Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

Copilot · 2026-01-04T20:19:48Z

@copilot

黑客松项目详情页 UI 设计风格与黑客松主页统一

黑客松项目产品卡片重写为：...

Done in commit 6d3896c.

UI Consistency: Applied Hackathon.module.less styling to project detail page:
- Added hero section with purple gradient background
- Used darkCard style for team member cards
- Used lightCard style for creator section
- Applied gradient section titles and hover animations
ProductCard Rewrite:
- Returns null when no sourceLink
- When sourceLink exists, renders 4 cloud IDE buttons:
  - GitHub (direct repo link)
  - GitHub.dev (VS Code in browser)
  - GitHub Codespaces (cloud dev environment)
  - GitPod (cloud IDE)

[optimize] update Upstream packages

TechQuery

@copilot 设计风格统一也包括产品卡片，选一个好看的配色来重写！

components/Activity/ProductCard.tsx

- Applied projectCard gradient style (pink to yellow) for visual consistency - Moved sourceLink conditional check inside card body (not at component level) - Replaced badge images with text-only buttons for cleaner appearance - Updated text colors to dark theme matching gradient background - Removed unnecessary borders and adjusted spacing - Button labels: GitHub, GitHub.dev, Codespaces, GitPod Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

Copilot · 2026-01-04T20:46:40Z

@copilot 设计风格统一也包括产品卡片，选一个好看的配色来重写！

Done in commit 200b18a. Applied the projectCard gradient style (pink #fa709a to yellow #fee140) to ProductCard for complete visual consistency with the hackathon homepage.

Initial plan

0fe73e3

Copilot AI assigned Copilot and TechQuery Jan 3, 2026

Copilot started work on behalf of TechQuery January 3, 2026 03:19 View session

TechQuery added the feature New feature or request label Jan 3, 2026

Add team detail page with translations and routing

f792593

Co-authored-by: TechQuery <19969570+TechQuery@users.noreply.github.com>

Copilot AI changed the title ~~[WIP] Migrate team details page for hackathon project~~ Migrate hackathon team detail page from HOP repository Jan 3, 2026

Copilot AI requested a review from TechQuery January 3, 2026 03:36

Copilot finished work on behalf of TechQuery January 3, 2026 03:36

TechQuery requested changes Jan 3, 2026

View reviewed changes

pages/hackathon/[id]/team/[tid].tsx Outdated Show resolved Hide resolved

pages/hackathon/[id]/team/[tid].tsx Outdated Show resolved Hide resolved

pages/hackathon/[id]/team/[tid].tsx Show resolved Hide resolved

Copilot started work on behalf of TechQuery January 3, 2026 05:03 View session

Copilot finished work on behalf of TechQuery January 3, 2026 05:09

Copilot AI requested a review from TechQuery January 3, 2026 05:09

TechQuery requested changes Jan 3, 2026

View reviewed changes

pages/hackathon/[id]/team/[tid].tsx Outdated Show resolved Hide resolved

pages/hackathon/[id]/team/[tid].tsx Outdated Show resolved Hide resolved

Copilot started work on behalf of TechQuery January 3, 2026 05:18 View session

Copilot AI requested a review from TechQuery January 3, 2026 05:22

Copilot finished work on behalf of TechQuery January 3, 2026 05:22

hu-qi mentioned this pull request Jan 3, 2026

[Bug] 没有支持代码块的问题 Open-Source-Bazaar/feishu-action#9

Open

[add] Product Card & Comment Box components

7a53794

[add] Evaluation form modal [fix] missing Main Navigator links

TechQuery changed the title ~~Migrate hackathon team detail page from HOP repository~~ [add] Hackathon Project page & components Jan 3, 2026

TechQuery marked this pull request as ready for review January 3, 2026 06:58

TechQuery approved these changes Jan 3, 2026

View reviewed changes

TechQuery requested changes Jan 4, 2026

View reviewed changes

Copilot started work on behalf of TechQuery January 4, 2026 20:16 View session

Copilot AI changed the title ~~[add] Hackathon Project page & components~~ [add] Hackathon Project page & components Jan 4, 2026

Copilot finished work on behalf of TechQuery January 4, 2026 20:21

Copilot AI requested a review from TechQuery January 4, 2026 20:21

[fix] 2 Lark type bugs

eedf55f

[optimize] update Upstream packages

TechQuery requested changes Jan 4, 2026

View reviewed changes

components/Activity/ProductCard.tsx Outdated Show resolved Hide resolved

components/Activity/ProductCard.tsx Outdated Show resolved Hide resolved

Copilot started work on behalf of TechQuery January 4, 2026 20:44 View session

Copilot AI requested a review from TechQuery January 4, 2026 20:47

Copilot finished work on behalf of TechQuery January 4, 2026 20:47

TechQuery approved these changes Jan 4, 2026

View reviewed changes

TechQuery changed the title ~~[add] Hackathon Project page & components~~ [add] Hackathon Project page & components Jan 4, 2026

TechQuery merged commit 7bb5bf3 into main Jan 6, 2026
3 of 4 checks passed

TechQuery deleted the copilot/migrate-team-details-page branch January 6, 2026 16:04

[add] Hackathon Project page & components #45

[add] Hackathon Project page & components #45

Uh oh!

Conversation

Copilot AI commented Jan 3, 2026 • edited by TechQuery Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Team Detail Page Migration - Complete ✅

Summary

What Was Done

Implementation Details

Addressing Review Comments

Human changes

Uh oh!

coderabbitai bot commented Jan 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Other AI code review bot(s) detected

Uh oh!

TechQuery left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

TechQuery left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

dosubot bot commented Jan 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TechQuery left a comment

Choose a reason for hiding this comment

Uh oh!

Copilot AI commented Jan 4, 2026

Uh oh!

TechQuery left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Copilot AI commented Jan 4, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Copilot AI commented Jan 3, 2026 •

edited by TechQuery

Loading

coderabbitai bot commented Jan 3, 2026 •

edited

Loading

dosubot bot commented Jan 3, 2026 •

edited

Loading