Show profile tab if user is signed in

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

@@ -18,6 +18,7 @@ import * as styles from "./App.css";
 export interface AppProps {
   activeTab: "COMMENTS" | "PROFILE" | "%future added value";
   setActiveTab: SetActiveTabMutation;
+  signedIn: boolean;
 }
 
 const App: StatelessComponent<AppProps> = props => {
@@ -28,7 +29,7 @@ const App: StatelessComponent<AppProps> = props => {
         onTabClick={tab => props.setActiveTab({ tab })}
       >
         <Tab tabId="COMMENTS">Comments</Tab>
-        <Tab tabId="PROFILE">My Profile</Tab>
+        {props.signedIn && <Tab tabId="PROFILE">My Profile</Tab>}
       </TabBar>
       <TabContent activeTab={props.activeTab}>
         <TabPane tabId="COMMENTS">

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

@@ -16,16 +16,23 @@ interface InnerProps {
 }
 
 const AppContainer: StatelessComponent<InnerProps> = ({
-  local: { activeTab },
+  local: { activeTab, authToken },
   setActiveTab,
 }) => {
-  return <App activeTab={activeTab} setActiveTab={setActiveTab} />;
+  return (
+    <App
+      activeTab={activeTab}
+      setActiveTab={setActiveTab}
+      signedIn={!!authToken}
+    />
+  );
 };
 
 const enhanced = withLocalStateContainer(
   graphql`
     fragment AppContainerLocal on Local {
       activeTab
+      authToken
     }
   `
 )(withSetActiveTabMutation(AppContainer));