mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Styling adjustments to timeline notifications

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

29
ts/components/conversation/ChangeNumberNotification.tsx
View file

@ -7,6 +7,7 @@ import { ConversationType } from '../../state/ducks/conversations';
import { LocalizerType } from '../../types/Util';
import { Intl } from '../Intl';
import { SystemMessage } from './SystemMessage';
import { Timestamp } from './Timestamp';
import { Emojify } from './Emojify';
@ -25,17 +26,21 @@ export const ChangeNumberNotification: React.FC<Props> = props => {
const { i18n, sender, timestamp } = props;
return (
<div className="SystemMessage">
<span className="SystemMessage__icon SystemMessage__icon--phone" />
<Intl
id="ChangeNumber--notification"
components={{
sender: <Emojify text={sender.firstName || sender.title} />,
}}
i18n={i18n}
/>
&nbsp;·&nbsp;
<Timestamp i18n={i18n} timestamp={timestamp} />
</div>
<SystemMessage
contents={
<>
<Intl
id="ChangeNumber--notification"
components={{
sender: <Emojify text={sender.firstName || sender.title} />,
}}
i18n={i18n}
/>
&nbsp;·&nbsp;
<Timestamp i18n={i18n} timestamp={timestamp} />
</>
}
icon="phone"
/>
);
};