Register list fix

[Ebube111]

Summary by CodeRabbit

• New Features

  • Introduced a rich text editor for campaign descriptions, supporting formatting and character limits.
  • Campaign creation now allows specifying project name and description if no profile exists.
  • Campaign descriptions and settings now render HTML content with improved truncation and link handling.
  • Added version metadata display in the app.

• Enhancements

  • Increased campaign description length limit from 250 to 500 characters.
  • Improved account name display with dynamic truncation and tooltips.
  • Added live update support to account profile images.
  • Enhanced profile configuration with add, update, and remove functionality for funding sources, smart contracts, and repositories.
  • Featured campaigns carousel updated with new campaigns and count.

• Bug Fixes

  • Campaign actions and donation forms now handle loading states more reliably, preventing premature rendering.
  • Fixed navigation logic after campaign creation to handle missing or invalid campaign IDs.

• Style

  • Improved homepage statistics display with loading placeholders and adjusted heading spacing.

• Chores

  • Added dependencies for the rich text editor.
  • Updated package name and version.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
potlock-next-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 28, 2025 0:12am

[coderabbitai]

Caution

Review failed

Failed to post review comments.

Walkthrough

This update introduces rich text editing for campaign descriptions using TipTap, expands campaign creation to support project profile registration, and enhances profile configuration with granular add/update/remove handlers for funding sources, smart contracts, and repositories. It also updates campaign and profile UI components for improved HTML rendering, validation, and user interaction, and refines campaign filtering and statistics display.

Changes

Cohort / File(s)	Change Summary
Rich Text Editor Integration src/common/ui/form/components/richtext.tsx, src/common/ui/form/components/index.ts, src/common/lib/string.ts, package.json	Adds and exports a new RichTextEditor component using TipTap, updates dependencies, and introduces truncateHtml utility for plain text extraction from HTML.
Campaign Creation & Project Registration src/common/contracts/core/campaigns/client.ts, src/common/contracts/core/campaigns/interfaces.ts, src/entities/campaign/components/editor.tsx, src/entities/campaign/hooks/forms.ts, src/entities/campaign/models/schema.ts	Refactors campaign creation to optionally register project profiles, adds project-related fields to types and schemas, and integrates them into the campaign form and submission logic.
Campaign Description HTML Rendering src/entities/campaign/components/CampaignBanner.tsx, src/entities/campaign/components/CampaignCard.tsx, src/entities/campaign/components/CampaignCarouselItem.tsx, src/entities/campaign/components/CampaignSettings.tsx	Renders campaign descriptions as HTML with truncation and safe event handling, replacing plain text rendering.
Campaign UI Logic & Filtering src/pages/campaigns.tsx, src/pages/index.tsx	Updates featured campaign filtering and count; adds loading skeletons for homepage statistics.
Profile Picture & Cover Live Updates src/entities/_shared/account/components/profile-images.tsx, src/entities/_shared/account/components/card.tsx	Adds live prop to profile image components and propagates it to enable live updates.
Account Name Display Improvements src/entities/_shared/account/components/AccountProfileLink.tsx	Switches from string truncation to CSS-based ellipsis for long account names, with hover tooltips.
Profile Configuration: Funding Sources, Contracts, Repositories src/features/profile-configuration/components/AddFundingSourceModal.tsx, src/features/profile-configuration/components/funding-sources.tsx, src/features/profile-configuration/components/contracts-section.tsx, src/features/profile-configuration/components/editor.tsx, src/features/profile-configuration/components/repositories-section.tsx, src/features/profile-configuration/hooks/forms.ts	Refactors to add, update, and remove handlers for funding sources, smart contracts, and repositories; updates forms, tables, and section components for more granular state management and improved UX.
Framework Version Metadata src/common/constants.ts	Exposes and logs framework version from package.json in app metadata and as a console banner.

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant CampaignForm
  participant RichTextEditor
  participant CampaignClient
  participant ProjectRegistry
  participant SocialDB

  User->>CampaignForm: Fill campaign form (with optional project details)
  CampaignForm->>RichTextEditor: Edit description (HTML)
  CampaignForm->>CampaignClient: Submit form data
  alt Project details provided
    CampaignClient->>SocialDB: Set project profile (name, description)
    CampaignClient->>ProjectRegistry: Register project
    CampaignClient->>CampaignClient: Create campaign
  else No project details
    CampaignClient->>CampaignClient: Create campaign
  end
  CampaignClient-->>CampaignForm: Return campaign object
  CampaignForm-->>User: Show campaign or redirect

Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

Possibly related PRs

• fee-avoidance #422: Also adds the "Fees Avoidance Allowed" field to campaign settings, directly overlapping with this PR's campaign settings UI changes.
• Campaign Changes #428: Refactors create_campaign to support project profile registration and adds project fields, matching the campaign creation logic changes here.
• Rich text editor on campaign descriptions #423: Implements TipTap-based rich text editing and related utilities, closely paralleling this PR's rich text editor integration.

Poem

A bunny with code on its mind,
Hops through forms, new features to find.
Rich text to describe,
Project profiles arrive,
With add, update, remove—so refined!
Now campaigns shine bright,
In HTML light—
And the framework’s version’s enshrined! 🐇✨

Note

⚡️ Unit Test Generation is now available in beta!

Learn more here, or try it out under "Finishing Touches" below.

✨ Finishing Touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch register-list-fix

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Explain this complex logic.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai explain this code block.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and explain its main purpose.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
• @coderabbitai generate unit tests to generate unit tests for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.