Changeset View
Changeset View
Standalone View
Standalone View
web/chat/chat-thread-tab.react.js
// @flow | // @flow | ||||
import * as React from 'react'; | import * as React from 'react'; | ||||
import SWMansionIcon, { | |||||
type Icon, | |||||
} from 'lib/components/SWMansionIcon.react.js'; | |||||
import css from './chat-tabs.css'; | import css from './chat-tabs.css'; | ||||
type Props = { | type Props = { | ||||
+title: string, | +title: string, | ||||
+icon: Icon, | |||||
}; | }; | ||||
function ChatThreadTab(props: Props): React.Node { | function ChatThreadTab(props: Props): React.Node { | ||||
const { title, icon } = props; | const { title } = props; | ||||
return ( | return <div className={css.tabItem}>{title}</div>; | ||||
<div className={css.tabItem}> | |||||
<SWMansionIcon icon={icon} size={24} /> | |||||
{title} | |||||
</div> | |||||
); | |||||
} | } | ||||
export default ChatThreadTab; | export default ChatThreadTab; |