Select channel when joining through UI

client/js/state/channels.js

@@ -235,11 +235,12 @@ export default createReducer(
   }
 );
 
-export function join(channels, network) {
+export function join(channels, network, selectFirst = true) {
   return {
     type: actions.JOIN,
     channels,
     network,
+    selectFirst,
     socket: {
       type: 'join',
       data: { channels, network }

client/js/state/privateChats.js

@@ -41,8 +41,8 @@ export default createReducer(
     },
 
     [actions.ADD_MESSAGE](state, { message }) {
-      const { network, from } = message;
-      if (from !== network && !isChannel(from)) {
+      const { network, from, to } = message;
+      if (!to && from.indexOf('.') === -1 && !isChannel(from)) {
         open(state, network, from);
       }
     },

client/js/state/tab.js

@@ -23,6 +23,16 @@ export const getSelectedTab = state => state.tab.selected;
 export default createReducer(initialState, {
   [actions.SELECT_TAB]: selectTab,
 
+  [actions.JOIN](state, { network, channels, selectFirst }) {
+    if (selectFirst) {
+      state.selected = {
+        network,
+        name: channels[0]
+      };
+      state.history.push(state.selected);
+    }
+  },
+
   [actions.PART](state, action) {
     state.history = state.history.filter(
       tab =>