Skip to content

Conversation

@cybervoid0
Copy link
Contributor

@cybervoid0 cybervoid0 commented Nov 13, 2025

Ticket

DAO-1967

Screenshots

Screenshot 2025-11-13 at 23 41 25

What

  • Added Markdown rendering support for proposal descriptions across the application.
  • Created a reusable MD component that wraps react-markdown with project-specific styling and configuration. The component uses existing Typography components (Header, Paragraph, Link) to maintain design system consistency.
  • Refactored the Description component to eliminate redundant isDesktop checks and simplified the rendering logic with early returns.
  • Updated both proposal detail page and proposal review page to render descriptions with Markdown formatting.

Why

Previously, proposal descriptions were rendered as plain text, limiting formatting options and making longer technical proposals harder to read.

Also Tally supports MD, so we can render proposals created in Tally

With Markdown support, proposal creators can now use:

  • Headings for better structure
  • Lists (ordered and unordered) for clear action items
  • Code blocks for technical details
  • Links that are properly styled
  • Horizontal rules for visual separation
  • Blockquotes for emphasis

This improves readability and allows for more professional, well-structured proposals without compromising security (images are blocked by default).

@github-actions
Copy link

github-actions bot commented Nov 13, 2025

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

@cybervoid0 cybervoid0 self-assigned this Nov 13, 2025
@cybervoid0 cybervoid0 added the dao PRs made by DAO team label Nov 13, 2025
Copy link
Contributor

@TravellerOnTheRun TravellerOnTheRun left a comment

Choose a reason for hiding this comment

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

Almost good to go

@TravellerOnTheRun
Copy link
Contributor

2 things we discussed on the daily:

  1. Add a space from Description label
  2. Make sure in mobile the description text collapeses

@Freshenext
Copy link
Collaborator

2 things we discussed on the daily:

  1. Add a space from Description label
  2. Make sure in mobile the description text collapeses

Done

Copy link
Contributor

@TravellerOnTheRun TravellerOnTheRun left a comment

Choose a reason for hiding this comment

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

As the markdown is a new feature and we did not anticipate these issues, I give it a pass, but I added some things to consider.


return (
<>
{!isExpanded && (
Copy link
Contributor

Choose a reason for hiding this comment

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

Is this a temporary solution? Cause it will lose the animation going from preview text to full

Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe write a TODO here as well

Copy link
Collaborator

Choose a reason for hiding this comment

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

I tested it - animation is still there 😁

@Ken-li-iov Ken-li-iov self-requested a review November 20, 2025 13:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dao PRs made by DAO team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants