Styling adjustments to timeline notifications

This commit is contained in:
Evan Hahn 2021-09-07 14:55:03 -05:00 committed by GitHub
parent 4bed918cf8
commit 7f34bedd87
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
22 changed files with 437 additions and 360 deletions

View file

@ -2,9 +2,9 @@
// SPDX-License-Identifier: AGPL-3.0-only
import React, { FunctionComponent, ReactNode } from 'react';
import classNames from 'classnames';
import { ContactName } from './ContactName';
import { SystemMessage } from './SystemMessage';
import { Intl } from '../Intl';
import { LocalizerType } from '../../types/Util';
import * as expirationTimer from '../../util/expirationTimer';
@ -94,16 +94,7 @@ export const TimerNotification: FunctionComponent<Props> = props => {
break;
}
return (
<div className="SystemMessage">
<div
className={classNames(
'SystemMessage__icon',
'SystemMessage__icon--timer',
disabled ? 'SystemMessage__icon--timer-disabled' : null
)}
/>
<div>{message}</div>
</div>
);
const icon = disabled ? 'timer-disabled' : 'timer';
return <SystemMessage icon={icon} contents={message} />;
};