Update eslint to 8.27.0
This commit is contained in:
parent
c8fb43a846
commit
98ef4c627a
499 changed files with 8995 additions and 8494 deletions
|
@ -16,7 +16,7 @@ export type PropsType = {
|
|||
|
||||
const A_FEW_DAYS_AGO = 60 * 60 * 24 * 5 * 1000;
|
||||
|
||||
const SampleMessage = ({
|
||||
function SampleMessage({
|
||||
color = 'ultramarine',
|
||||
direction,
|
||||
i18n,
|
||||
|
@ -32,44 +32,46 @@ const SampleMessage = ({
|
|||
timestampDeltaFromNow: number;
|
||||
status: 'delivered' | 'read' | 'sent';
|
||||
style?: CSSProperties;
|
||||
}): JSX.Element => (
|
||||
<div className={`module-message module-message--${direction}`}>
|
||||
<div className="module-message__container-outer">
|
||||
<div
|
||||
className={`module-message__container module-message__container--${direction} module-message__container--${direction}-${color}`}
|
||||
style={style}
|
||||
>
|
||||
}): JSX.Element {
|
||||
return (
|
||||
<div className={`module-message module-message--${direction}`}>
|
||||
<div className="module-message__container-outer">
|
||||
<div
|
||||
dir="auto"
|
||||
className={`module-message__text module-message__text--${direction}`}
|
||||
className={`module-message__container module-message__container--${direction} module-message__container--${direction}-${color}`}
|
||||
style={style}
|
||||
>
|
||||
<span>{text}</span>
|
||||
</div>
|
||||
<div
|
||||
className={`module-message__metadata module-message__metadata--${direction}`}
|
||||
>
|
||||
<span
|
||||
className={`module-message__metadata__date module-message__metadata__date--${direction}`}
|
||||
<div
|
||||
dir="auto"
|
||||
className={`module-message__text module-message__text--${direction}`}
|
||||
>
|
||||
{formatTime(i18n, Date.now() - timestampDeltaFromNow, Date.now())}
|
||||
</span>
|
||||
{direction === 'outgoing' && (
|
||||
<div
|
||||
className={`module-message__metadata__status-icon module-message__metadata__status-icon--${status}`}
|
||||
/>
|
||||
)}
|
||||
<span>{text}</span>
|
||||
</div>
|
||||
<div
|
||||
className={`module-message__metadata module-message__metadata--${direction}`}
|
||||
>
|
||||
<span
|
||||
className={`module-message__metadata__date module-message__metadata__date--${direction}`}
|
||||
>
|
||||
{formatTime(i18n, Date.now() - timestampDeltaFromNow, Date.now())}
|
||||
</span>
|
||||
{direction === 'outgoing' && (
|
||||
<div
|
||||
className={`module-message__metadata__status-icon module-message__metadata__status-icon--${status}`}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
);
|
||||
}
|
||||
|
||||
export const SampleMessageBubbles = ({
|
||||
export function SampleMessageBubbles({
|
||||
backgroundStyle = {},
|
||||
color,
|
||||
i18n,
|
||||
includeAnotherBubble = false,
|
||||
}: PropsType): JSX.Element => {
|
||||
}: PropsType): JSX.Element {
|
||||
const firstBubbleStyle = includeAnotherBubble ? backgroundStyle : undefined;
|
||||
return (
|
||||
<>
|
||||
|
@ -110,4 +112,4 @@ export const SampleMessageBubbles = ({
|
|||
<br style={{ clear: 'both' }} />
|
||||
</>
|
||||
);
|
||||
};
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue