Files
social-media/docs/TASKS/content/009-channel-setup-preview.md
Jonathan Bourdon afcdd1ace1
All checks were successful
deploy-socialize / image (push) Successful in 1m20s
deploy-socialize / deploy (push) Successful in 20s
feat: add editable channel images
2026-05-09 13:14:11 -04:00

1.3 KiB

Task: Improve channel setup previews

Feature

docs/FEATURES/channels.md

Goal

Make channel setup feel like configuring real social destinations and make content creation guide users to configure channels first when none exist.

Scope

  • Redesign frontend/src/features/channels/views/ChannelsView.vue.
  • Show icon-only network tabs with accessible labels and tooltips.
  • Show configured channels as compact, network-shaped preview pages.
  • Show a banner/profile preview while creating a channel.
  • Use existing channel fields: name, network, handle, and external URL.
  • Let managers edit existing channel fields.
  • Let managers upload portrait and banner images for channels.
  • In the content creation editor, show a channel setup invitation when the workspace has no configured channels.

Validation

cd frontend
npm run build
dotnet build backend/Socialize.slnx

Acceptance Criteria

  • Network tabs are icon-only.
  • The channels page content area shows preview cards for configured channels.
  • The create-channel form includes a live network-style banner/profile preview.
  • Content creation invites the user to configure channels first when none exist.
  • Existing channels can be edited after creation.
  • Channel portrait and banner images can be uploaded and shown in previews.