frc-ui
Version:
React Web UI
32 lines (31 loc) • 1.2 kB
JavaScript
import React from 'react';
import classNames from 'classnames';
import { MessageType } from '../interfaces';
export default function (props) {
const { prefix, message, show, onClick, locale } = props;
const className = classNames(`${prefix}-tip`, {
[`${prefix}-tip-hidden`]: !show || !message
});
let title = '';
let content = '';
let messageId = '';
if (message && message.message && message.message instanceof Array) {
title = message.showName + ':';
messageId = '#' + message.id;
const type = message.message[0].type;
if (type === MessageType.EMO || type === MessageType.GIF) {
content = `[${locale && locale.emijione}]`;
}
else if (type === MessageType.IMAGE) {
content = `[${locale && locale.image}]`;
}
else if (type === MessageType.HTML) {
}
else {
content = message.message[0].content;
}
}
return (React.createElement("a", { href: messageId, className: className, onClick: onClick },
React.createElement("span", null, title),
React.createElement("div", { className: `${prefix}-tip-content` }, content)));
}