57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
|
import React, { Component } from 'react';
|
||
|
|
import { List } from 'immutable';
|
||
|
|
import Autolinker from 'autolinker';
|
||
|
|
import pure from 'pure-render-decorator';
|
||
|
|
import Navicon from '../components/Navicon';
|
||
|
|
|
||
|
|
@pure
|
||
|
|
export default class ChatTitle extends Component {
|
||
|
|
handleLeaveClick = () => {
|
||
|
|
const { tab, channel, disconnect, part, closePrivateChat } = this.props;
|
||
|
|
|
||
|
|
if (tab.channel) {
|
||
|
|
part([channel.get('name')], tab.server);
|
||
|
|
} else if (tab.user) {
|
||
|
|
closePrivateChat(tab.server, tab.user);
|
||
|
|
} else {
|
||
|
|
disconnect(tab.server);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { title, tab, channel, toggleSearch } = this.props;
|
||
|
|
const topic = Autolinker.link(channel.get('topic') || '', { keepOriginalText: true });
|
||
|
|
|
||
|
|
let leaveTitle;
|
||
|
|
if (tab.channel) {
|
||
|
|
leaveTitle = 'Leave';
|
||
|
|
} else if (tab.user) {
|
||
|
|
leaveTitle = 'Close';
|
||
|
|
} else {
|
||
|
|
leaveTitle = 'Disconnect';
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<div className="chat-title-bar">
|
||
|
|
<Navicon />
|
||
|
|
<span className="chat-title">{title}</span>
|
||
|
|
<div className="chat-topic-wrap">
|
||
|
|
<span className="chat-topic" dangerouslySetInnerHTML={{ __html: topic }}></span>
|
||
|
|
</div>
|
||
|
|
<i className="icon-search" title="Search" onClick={toggleSearch} />
|
||
|
|
<i
|
||
|
|
className="icon-logout button-leave"
|
||
|
|
title={leaveTitle}
|
||
|
|
onClick={this.handleLeaveClick}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div className="userlist-bar">
|
||
|
|
<i className="icon-user" />
|
||
|
|
<span className="chat-usercount">{channel.get('users', List()).size || null}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|