message: Utilize the ChannelVisibilityDropdown
diff: @@ -14,11 +14,11 @@ import updateChannelMutation from 'react/components/ManageChannel/mutations/upda
  import LoadingIndicator from 'react/components/UI/LoadingIndicator';
  import TitledDialog from 'react/components/UI/TitledDialog';
  -import Text from 'react/components/UI/Text';
  -import { LabelledInput, Label, Input, Textarea, Select, ErrorMessage } from 'react/components/UI/Inputs';
  +import { LabelledInput, Label, Input, Textarea, ErrorMessage } from 'react/components/UI/Inputs';
  import ExportChannel from 'react/components/ManageChannel/components/ExportChannel';
  import DeleteChannel from 'react/components/ManageChannel/components/DeleteChannel';
  import TransferChannel from 'react/components/ManageChannel/components/TransferChannel';
  +import ChannelVisibilityPulldown from 'react/components/ChannelVisibilityPulldown';
  const Container = styled.div`
  width: 100%;
  @@ -58,7 +58,8 @@ class ManageChannel extends Component {
  handleTitle = this.handleInput('title')
  handleDescription = this.handleInput('description')
  - handleVisbility = this.handleInput('visibility')
  + handleVisibility = visibility =>
  + this.handleInput('visibility')({ target: { value: visibility } });
  handleSubmit = (e) => {
  e.preventDefault();
  @@ -97,7 +98,6 @@ class ManageChannel extends Component {
  const { data: { loading } } = this.props;
  const {
  mode,
  - visibility,
  attributeErrors,
  errorMessage,
  } = this.state;
  @@ -152,23 +152,10 @@ class ManageChannel extends Component {
  </Label>
  <div>
  - <Select
  - name="visibility"
  - defaultValue={channel.visibility.toUpperCase()}
  - onChange={this.handleVisbility}
  - >
  - <option value="PUBLIC">Open</option>
  - <option value="CLOSED">Closed</option>
  - <option value="PRIVATE">Private</option>
  - </Select>
  -
  - <Text mt={6} f={1} textAlign="center">
  - {{
  - PUBLIC: 'Everyone can view the channel and anyone logged-in can add to it.',
  - CLOSED: 'Everyone can view the channel but only you and your collaborators can add to it.',
  - PRIVATE: 'Only you and your collaborators can view and add to the channel.',
  - }[(visibility || channel.visibility).toUpperCase()]}
  - </Text>
  + <ChannelVisibilityPulldown
  + value={channel.visibility.toUpperCase()}
  + onChange={this.handleVisibility}
  + />
  </div>
  </LabelledInput>
  