feat(prejoin) improve ux

This commit is contained in:
Tudor-Ovidiu Avram
2020-09-29 14:00:30 +03:00
committed by Saúl Ibarra Corretgé
parent 9f9e192c3c
commit 478f1a731e
15 changed files with 135 additions and 245 deletions

View File

@@ -61,6 +61,9 @@ function ConnectionStatus({ connectionDetails, t, connectionType }: Props) {
? 'con-status-arrow con-status-arrow--up'
: 'con-status-arrow';
const detailsText = connectionDetails.map(t).join(' ');
const detailsClassName = showDetails
? 'con-status-details-visible'
: 'con-status-details-hidden';
return (
<div className = 'con-status'>
@@ -79,8 +82,7 @@ function ConnectionStatus({ connectionDetails, t, connectionType }: Props) {
size = { 24 }
src = { IconArrowDownSmall } />
</div>
{ showDetails
&& <div className = 'con-status-details'>{detailsText}</div> }
<div className = { `con-status-details ${detailsClassName}` }>{detailsText}</div>
</div>
</div>
);