# All files / composer/components ComposerProfileTooltip.jsx

0% Statements 0/7
0% Branches 0/4
0% Functions 0/4
0% Lines 0/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36

     import React from 'react';
    import PropTypes from 'prop-types';
    import styles from './css/ComposerProfileTooltip.css';

    class ComposerProfileTooltip extends React.Component {
      static propTypes = {
        selectedProfilesForService: PropTypes.array.isRequired,
      }

      getFormattedServiceType = (profile) =>
        profile.serviceType.charAt(0).toUpperCase() + profile.serviceType.slice(1);

      getFormattedUsername = (profile) => {
        let username;
        if (profile.service.name === 'twitter' || profile.service.name === 'instagram') {
          username = `@${profile.service.username}`;
        } else {
          username = profile.service.username;
        }
        return username;
      }
      render () {
        return (
          <ul className={styles.tooltipUL}>
            <h3 className={styles.title}>You've selected:</h3>
            {this.props.selectedProfilesForService.map((profile) =>
              <li className={styles.tooltipItem} key={profile.id}>
                {this.getFormattedUsername(profile)} - {this.getFormattedServiceType(profile)}
              </li>)}
          </ul>
        );
      }
    }

    export default ComposerProfileTooltip;