Skip to content

Add Custom Preview Component for Slack Provider #798

@nevo-david

Description

@nevo-david

Overview

The Slack provider currently uses the default GeneralPreviewComponent instead of a platform-specific preview that matches Slack's UI/UX.

Current State

  • Provider file: apps/frontend/src/components/launches/providers/slack/slack.provider.tsx
  • Using: withProvider(SlackSettings, undefined, ...) - no custom preview component
  • Falls back to: GeneralPreviewComponent

Needed Implementation

Create a SlackPreview component that:

  • Matches Slack's message design (clean workspace layout)
  • Shows proper channel context with # prefix
  • Displays message with proper Slack formatting (bold, code, mentions)
  • Shows Slack-specific elements like reactions, thread replies
  • Includes workspace and user context
  • Handles Slack markdown and mentions properly
  • Shows timestamp and workspace styling

Reference

See existing implementations:

  • apps/frontend/src/components/launches/providers/medium/medium.provider.tsx (MediumPreview)
  • apps/frontend/src/components/launches/providers/devto/devto.provider.tsx (DevtoPreview)

Technical Details

  • Component should be added as second parameter in withProvider(SlackSettings, SlackPreview, ...)
  • Should implement FC<{ maximumCharacters?: number }> interface
  • Use useIntegration() hook to access post content and settings
  • Access Slack-specific settings like channel selection

Priority

Medium - Slack is a major workplace communication platform

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions