You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
829 B
TypeScript
31 lines
829 B
TypeScript
import React from 'react';
|
|
|
|
import styled, { DefaultTheme } from 'styled-components';
|
|
import { OpacityMetadataComponent } from './MessageMetadata';
|
|
|
|
export const MetadataSpacer = styled.span`
|
|
flex-grow: 1;
|
|
`;
|
|
|
|
const MessageSendingErrorContainer = styled(props => (
|
|
<OpacityMetadataComponent {...props} />
|
|
))<{ withImageNoCaption: boolean; theme: DefaultTheme }>`
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
letter-spacing: 0.3px;
|
|
text-transform: uppercase;
|
|
user-select: none;
|
|
color: ${props =>
|
|
props.withImageNoCaption ? 'white' : props.theme.colors.sentMessageText};
|
|
`;
|
|
export const MessageSendingErrorText = (props: {
|
|
withImageNoCaption: boolean;
|
|
theme: DefaultTheme;
|
|
}) => {
|
|
return (
|
|
<MessageSendingErrorContainer {...props}>
|
|
{window.i18n('sendFailed')}
|
|
</MessageSendingErrorContainer>
|
|
);
|
|
};
|