-
-
Notifications
You must be signed in to change notification settings - Fork 4k
Closed as not planned
Description
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