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

@ -3,6 +3,7 @@
import React from 'react';
import { SystemMessage } from './SystemMessage';
import { LocalizerType } from '../../types/Util';
import * as expirationTimer from '../../util/expirationTimer';
@ -21,15 +22,11 @@ export const UniversalTimerNotification: React.FC<Props> = props => {
const timeValue = expirationTimer.format(i18n, expireTimer);
return (
<div className="SystemMessage">
<div className="SystemMessage__icon SystemMessage__icon--timer" />
<div className="SystemMessage__text">
<div>
{i18n('UniversalTimerNotification__text', {
timeValue,
})}
</div>
</div>
</div>
<SystemMessage
icon="timer"
contents={i18n('UniversalTimerNotification__text', {
timeValue,
})}
/>
);
};