Ready for implementation
Important Links
Description
With the updates in the new Channel Settings modal, there is an opportunity to also update the ‘New Channel' modal since it will use a lot of the same input fields and UI.
For this update, the only functional update the is proposed is the function for editing the URL. Rather than opening another modal, it is proposed that we show the input field within the existing modal.
Channel name (required)
When the modal first opens, focus on the channel name field immediately.
This field is required
The ‘Create Channel’ button is disabled until a name is entered
Editing the channel URL
Initially, the channel’s URL is displayed below the channel name along with an ‘Edit’ button. The displayed URL auto-updates as the channel name is entered (unless the user has already customized it).
When users click ‘Edit’, the URL slug input field is revealed (see below).
Spaces and special characters (~, #, etc) are converted to dashes as you type to prevent errors. Uppercase letters are auto-converted to lowercase. Lowercase letters, numbers, dashes, and underscores are allowed.
Channel Access
Defaults to Public access and can be toggled to Private.
Channel Purpose (optional)
Does not accept markdown.
Channel Header (optional)
Markdown formatting that is used here will render in the channel header.
Preview toggle
For the channel header, there is a new icon button in the top-right of the header input that allows users to toggle the preview of how their markdown will look.
Errors
When there are errors in the form, a notice displays at the top replacing the introductory text, and an error message displays under the field that is marked invalid. The ‘Create Channel’ button is also disabled until this is addressed.
