fix: qa feedback - Fixed community invitation theming and icons
This commit is contained in:
parent
93f814e59d
commit
e28c5e9885
|
@ -21,6 +21,12 @@
|
|||
&.invitation-outgoing {
|
||||
background-color: var(--message-bubbles-sent-background-color);
|
||||
align-self: flex-end;
|
||||
|
||||
.contents {
|
||||
.session-icon-button {
|
||||
background-color: var(--transparent-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
display: inline-block;
|
||||
|
|
|
@ -4,6 +4,12 @@ import { PropsForGroupInvitation } from '../../../../state/ducks/conversations';
|
|||
import { acceptOpenGroupInvitation } from '../../../../interactions/messageInteractions';
|
||||
import { SessionIconButton } from '../../../icon';
|
||||
import { ReadableMessage } from './ReadableMessage';
|
||||
import styled from 'styled-components';
|
||||
|
||||
const StyledIconContainer = styled.div`
|
||||
background-color: var(--message-link-preview-background-color);
|
||||
border-radius: 100%;
|
||||
`;
|
||||
|
||||
export const GroupInvitation = (props: PropsForGroupInvitation) => {
|
||||
const { messageId, receivedAt, isUnread } = props;
|
||||
|
@ -24,14 +30,20 @@ export const GroupInvitation = (props: PropsForGroupInvitation) => {
|
|||
<div className="group-invitation-container" id={`msg-${props.messageId}`}>
|
||||
<div className={classNames(classes)}>
|
||||
<div className="contents">
|
||||
<StyledIconContainer>
|
||||
<SessionIconButton
|
||||
iconColor="var(--background-secondary-color)"
|
||||
iconType="plus"
|
||||
iconColor={
|
||||
props.direction === 'outgoing'
|
||||
? 'var(--message-bubbles-sent-text-color)'
|
||||
: 'var(--message-bubbles-received-text-color)'
|
||||
}
|
||||
iconType={props.direction === 'outgoing' ? 'communities' : 'plus'}
|
||||
iconSize={'large'}
|
||||
onClick={() => {
|
||||
acceptOpenGroupInvitation(props.acceptUrl, props.serverName);
|
||||
}}
|
||||
/>
|
||||
</StyledIconContainer>
|
||||
<span className="group-details">
|
||||
<span className="group-name">{props.serverName}</span>
|
||||
<span className="group-type">{openGroupInvitation}</span>
|
||||
|
|
Loading…
Reference in New Issue