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

31
ts/components/conversation/ChatSessionRefreshedNotification.tsx
View file

@ -6,6 +6,7 @@ import React, { useCallback, useState, ReactElement } from 'react';
import { LocalizerType } from '../../types/Util';
import { Button, ButtonSize, ButtonVariant } from '../Button';
import { SystemMessage } from './SystemMessage';
import { ChatSessionRefreshedDialog } from './ChatSessionRefreshedDialog';
type PropsHousekeepingType = {
@ -37,20 +38,20 @@ export function ChatSessionRefreshedNotification(
}, [contactSupport, setIsDialogOpen]);
return (
<div className="SystemMessage SystemMessage--multiline">
<div className="SystemMessage__line">
<span className="SystemMessage__icon SystemMessage__icon--session-refresh" />
{i18n('ChatRefresh--notification')}
</div>
<div className="SystemMessage__line">
<Button
onClick={openDialog}
size={ButtonSize.Small}
variant={ButtonVariant.SystemMessage}
>
{i18n('ChatRefresh--learnMore')}
</Button>
</div>
<>
<SystemMessage
contents={i18n('ChatRefresh--notification')}
button={
<Button
onClick={openDialog}
size={ButtonSize.Small}
variant={ButtonVariant.SystemMessage}
>
{i18n('ChatRefresh--learnMore')}
</Button>
}
icon="session-refresh"
/>
{isDialogOpen ? (
<ChatSessionRefreshedDialog
onClose={closeDialog}
@ -58,6 +59,6 @@ export function ChatSessionRefreshedNotification(
i18n={i18n}
/>
) : null}
</div>
</>
);
}