Update client selection to match figma

This commit is contained in:
Jorik Schellekens
2020-09-10 11:27:47 +01:00
parent 18ad88f683
commit a82c318ecf
11 changed files with 132 additions and 36 deletions
+8
View File
@@ -20,6 +20,7 @@ import classNames from 'classnames';
import { Client, ClientKind } from '../clients/types';
import { SafeLink } from '../parser/types';
import Tile from './Tile';
import Button from './Button';
import './ClientTile.scss';
@@ -37,6 +38,12 @@ const ClientTile: React.FC<IProps> = ({ client, link }: IProps) => {
const className = classNames('clientTile', {
clientTileLink: client.kind === ClientKind.LINKED_CLIENT,
});
const inviteButton =
client.kind === ClientKind.LINKED_CLIENT ? (
<Button>Accept invite</Button>
) : null;
let clientTile = (
<Tile className={className}>
<img src={client.logo} alt={client.name + ' logo'} />
@@ -44,6 +51,7 @@ const ClientTile: React.FC<IProps> = ({ client, link }: IProps) => {
<h1>{client.name}</h1>
<p>{client.description}</p>
{inviteLine}
{inviteButton}
</div>
</Tile>
);