Design: Event Details & Outcome Page

[greatest0fallt1me]

Description
Design the event detail page where users view one prediction market and place bets. Include full event info, betting options, and resolution state.

Requirements and context

• Reference: Event details & outcome — https://www.figma.com/design/mn1ur1qARatQ9VeWnqf6hr/TEST-1?node-id=331-2389&t=OnoHPlAOB4pZSmCG-0 (and Predictify Figma)
• Content: Full event description and rules, betting options with odds and liquidity, time left, total stakes, event resolution block when closed.
• Actions: Select outcome, stake amount input, place bet CTA.
• States: Open for betting; closed (show result); loading.
• Theme: Clear hierarchy; odds and amounts prominent.

Design deliverables

• Open event: description, options grid/list, stake input, CTA
• Resolved event: winning outcome highlighted, payout summary
• Responsive layout for options and form

Current implementation reference: app/(dashboard)/events/event-page/page.tsx

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[ShantelPeters]

@ShantelPeters has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi , i am shantelpeters , a blockchain developer , and i will like to work on this issue , kindly assign

ℹ️ Repo Maintainers: To accept this application, review their application or assign @ShantelPeters to this issue.

[Fahmedo]

@Fahmedo has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

hi i would love to take on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Fahmedo to this issue.