Files
scrm.antd/src/pages/ChatLogs/components/ChatVoiptext.tsx
2023-04-13 17:36:49 +08:00

36 lines
1.0 KiB
TypeScript

import { durationFormat } from '@/services/utils';
import { IChatItem } from '../ChatLogsType';
export const ChatVoiptext: React.FC<IChatItem> = (props) => {
const invitetype: any = {
'1': '单人视频通话',
'2': '单人语音通话',
'3': '多人视频通话',
'4': '多人语音通话',
};
function content() {
try {
const msg = JSON.parse(props.chat?.content as string);
return (
<div style={{ display: 'flex', color: '#000', flexDirection: 'column' }}>
<div style={{ wordBreak: 'break-all', paddingRight: 8 }}>
{durationFormat(msg.callduration)}
</div>
<div style={{ borderTop: '1px solid #ddd', marginTop: 8, paddingTop: 8, color: '#999' }}>
{invitetype[msg.invitetype]}
</div>
</div>
);
} catch (_e) {
return (
<div>
<div style={{ wordBreak: 'break-all', paddingRight: 8 }}>{props.chat?.content}</div>
</div>
);
}
}
return <>{content()}</>;
};