message: Uses Accordion to contain channel management sections
diff: @@ -12,6 +12,7 @@ import manageChannelFragment from 'react/components/ManageChannel/fragments/mana
  import manageChannelQuery from 'react/components/ManageChannel/queries/manageChannel';
  import updateChannelMutation from 'react/components/ManageChannel/mutations/updateChannel';
  +import Accordion from 'react/components/UI/Accordion';
  import LoadingIndicator from 'react/components/UI/LoadingIndicator';
  import TitledDialog from 'react/components/UI/TitledDialog';
  import { LabelledInput, Label, Input, Textarea, ErrorMessage } from 'react/components/UI/Inputs';
  @@ -119,6 +120,7 @@ class ManageChannel extends Component {
  onDone={this.handleSubmit}
  >
  <Container>
  + <Accordion label="Edit name, description, and privacy">
  <LabelledInput>
  <Label>Name</Label>
  @@ -158,8 +160,10 @@ class ManageChannel extends Component {
  />
  </div>
  </LabelledInput>
  + </Accordion>
  {channel.can.export &&
  + <Accordion label="Export" mode="closed">
  <LabelledInput>
  <Label>
  Export
  @@ -167,9 +171,11 @@ class ManageChannel extends Component {
  <ExportChannel id={channel.id} />
  </LabelledInput>
  + </Accordion>
  }
  {channel.can.transfer &&
  + <Accordion label="Transfer ownership" mode="closed">
  <LabelledInput>
  <Label>
  Transfer
  @@ -177,9 +183,11 @@ class ManageChannel extends Component {
  <TransferChannel channel={channel} />
  </LabelledInput>
  + </Accordion>
  }
  {channel.can.destroy &&
  + <Accordion label="Delete channel" mode="closed">
  <LabelledInput>
  <Label pt={0}>
  Delete
  @@ -187,6 +195,7 @@ class ManageChannel extends Component {
  <DeleteChannel id={channel.id} />
  </LabelledInput>
  + </Accordion>
  }
  {mode === 'error' &&
  