32 lines
858 B
TypeScript
32 lines
858 B
TypeScript
import type { FC } from '../../lib/teact/teact';
|
|
import React, { memo } from '../../lib/teact/teact';
|
|
|
|
import type { ApiMessage, ApiMessageOutgoingStatus } from '../../api/types';
|
|
|
|
import { formatPastTimeShort } from '../../util/dateFormat';
|
|
|
|
import useLang from '../../hooks/useLang';
|
|
|
|
import MessageOutgoingStatus from './MessageOutgoingStatus';
|
|
|
|
import './LastMessageMeta.scss';
|
|
|
|
type OwnProps = {
|
|
message: ApiMessage;
|
|
outgoingStatus?: ApiMessageOutgoingStatus;
|
|
};
|
|
|
|
const LastMessageMeta: FC<OwnProps> = ({ message, outgoingStatus }) => {
|
|
const lang = useLang();
|
|
return (
|
|
<div className="LastMessageMeta">
|
|
{outgoingStatus && (
|
|
<MessageOutgoingStatus status={outgoingStatus} />
|
|
)}
|
|
<span className="time">{formatPastTimeShort(lang, message.date * 1000)}</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default memo(LastMessageMeta);
|