Convert ChannelMenu to CSS modules

Author: shepmaster

ui/frontend/ChannelMenu.module.css

@@ -0,0 +1,3 @@
+.description {
+  margin: 0;
+}

ui/frontend/ChannelMenu.tsx

@@ -9,6 +9,8 @@ import * as selectors from './selectors';
 import State from './state';
 import { Channel } from './types';
 
+import styles from './ChannelMenu.module.css';
+
 interface ChannelMenuProps {
   close: () => void;
 }
@@ -62,7 +64,7 @@ const ChannelMenu: React.SFC<ChannelMenuProps> = props => {
 };
 
 const Desc: React.SFC<{}> = ({ children }) => (
-  <p className="channel-menu__description">{children}</p>
+  <p className={styles.description}>{children}</p>
 );
 
 export default ChannelMenu;

ui/frontend/index.scss

@@ -581,12 +581,6 @@ $header-transition: 0.2s ease-in-out;
   }
 }
 
-.channel-menu {
-  &__description {
-    margin: 0;
-  }
-}
-
 .config-element {
   display: flex;
   align-items: center;