You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
|
|
interface Props {
|
|
serverName: string;
|
|
serverAddress: string;
|
|
direction: string;
|
|
onClick: any;
|
|
}
|
|
|
|
export class GroupInvitation extends React.Component<Props> {
|
|
public render() {
|
|
const classes = ['group-invitation'];
|
|
|
|
if (this.props.direction === 'outgoing') {
|
|
classes.push('invitation-outgoing');
|
|
}
|
|
|
|
return (
|
|
<div className={'group-invitation-container'}>
|
|
<div className={classNames(classes)}>
|
|
<div className="title">Group invitation</div>
|
|
<div className="contents">
|
|
<img
|
|
alt="group-avatar"
|
|
src="images/loki/loki_icon.png"
|
|
className="invite-group-avatar"
|
|
/>
|
|
<span className="group-details">
|
|
<span className="group-name">{this.props.serverName}</span>
|
|
<span className="group-address">{this.props.serverAddress}</span>
|
|
</span>
|
|
<span
|
|
role="button"
|
|
className="join-btn"
|
|
onClick={this.props.onClick}
|
|
>
|
|
Join
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|