Ordering code, alerts

src/core/client/stream/components/Auth.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { StatelessComponent } from "react";
 
-import { Flex, Button, Popup, Typography } from "talk-ui/components";
+import { Button, Flex, Popup, Typography } from "talk-ui/components";
 
 interface AuthProps {
   open: boolean;

src/core/client/stream/components/Stream.tsx

@@ -4,10 +4,10 @@ import { StatelessComponent } from "react";
 
 import { Button, Flex } from "talk-ui/components";
 
+import AuthContainer from "../containers/AuthContainer";
 import CommentContainer from "../containers/CommentContainer";
 import PostCommentFormContainer from "../containers/PostCommentFormContainer";
 import ReplyListContainer from "../containers/ReplyListContainer";
-import AuthContainer from "../containers/AuthContainer";
 import * as styles from "./Stream.css";
 
 export interface StreamProps {

src/core/client/stream/containers/AuthContainer.tsx

@@ -3,30 +3,30 @@ import * as React from "react";
 import Auth from "../components/Auth";
 
 class AuthContainer extends React.Component {
-  state = {
+  public state = {
     open: false,
     focus: false,
   };
 
-  openPopup = () => {
+  public openPopup = () => {
     this.setState({
       open: true,
     });
   };
 
-  closePopup = () => {
+  public closePopup = () => {
     this.setState({
       open: false,
     });
   };
 
-  setFocus = (focus: boolean) => {
+  public setFocus = (focus: boolean) => {
     this.setState({
       focus,
     });
   };
 
-  render() {
+  public render() {
     const { open, focus } = this.state;
     return (
       <Auth