import capitalize from 'lodash/capitalize';
import observe from '../util/observe';
import { getCurrentServerName } from '../reducers/servers';

const getRouter = state => state.router;

export default function documentTitle({ store }) {
  observe(
    store,
    [getRouter, getCurrentServerName],
    (router, serverName) => {
      let title;

      if (router.route === 'chat') {
        const { name } = router.params;
        if (name) {
          title = `${name} @ ${serverName}`;
        } else {
          title = serverName;
        }
      } else {
        title = capitalize(router.route);
      }

      document.title = `${title} | Dispatch`;
    }
  );
}