Started boilerplate getSessionConversationInfo

ts/components/session/SessionConversation.tsx

@@ -39,7 +39,7 @@ export class SessionConversation extends React.Component<any, any> {
   // }
 
   render() {
-  //   console.log(`[vince]`, this.props);
+    console.log(`[vince]`, this.props);
 
   //   // const headerProps = this.props.getHeaderProps;
   //   const { conversationKey } = this.props;
@@ -195,4 +195,4 @@ export class SessionConversation extends React.Component<any, any> {
 //   public scrollToBottom() {
 
 //   }
-// }
+}

ts/state/selectors/conversations.ts

@@ -22,8 +22,7 @@ export const getConversationLookup = createSelector(
   }
 );
 
-export const getSelectedConversation = createSelector(
-  getConversations,
+export const getSelectedConversation = createSelector(getConversations,
   (state: ConversationsStateType): string | undefined => {
     return state.selectedConversation;
   }

ts/state/smart/SessionConversation.tsx

@@ -3,12 +3,16 @@ import { mapDispatchToProps } from '../actions';
 import { SessionConversation } from '../../components/session/SessionConversation';
 import { StateType } from '../reducer';
 
-import { getSessionConversationInfo } from '../selectors/conversations';
+import { getSessionConversationInfo, getSelectedConversation } from '../selectors/conversations';
 
 const mapStateToProps = (state: StateType) => {
-  const lists = getSessionConversationList(state);
-
-  return lists;
+  const lists = getSessionConversationInfo(state);
+  const selectedConversation = getSelectedConversation(state);
+  
+  return {
+    ...lists,
+    selectedConversation,
+  }
 };
 
 const smart = connect(mapStateToProps, mapDispatchToProps);