Thomas Trompette
e85f65a195
* Adding message thread component * Add state and mocks * Rename components and use local state for messages --------- Co-authored-by: Thomas Trompette <thomast@twenty.com>
24 lines
572 B
TypeScript
24 lines
572 B
TypeScript
import React from 'react';
|
|
import styled from '@emotion/styled';
|
|
|
|
const StyledThreadMessageBodyPreview = styled.span`
|
|
color: ${({ theme }) => theme.font.color.tertiary};
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-size: ${({ theme }) => theme.font.size.sm};
|
|
`;
|
|
|
|
type EmailThreadMessageBodyPreviewProps = {
|
|
body: string;
|
|
};
|
|
|
|
export const EmailThreadMessageBodyPreview = ({
|
|
body,
|
|
}: EmailThreadMessageBodyPreviewProps) => {
|
|
return (
|
|
<StyledThreadMessageBodyPreview>{body}</StyledThreadMessageBodyPreview>
|
|
);
|
|
};
|