SecondaryText HappinessRating.js

100% Statements 3/3

50% Branches 1/2

100% Functions 1/1

100% Lines 3/3

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  
 
 
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
  /**** Libraries ****/
import React, { Component } from 'react';
import { HappinessRating_propTypes } from './props/propTypes';
 
/**** CSS ****/
import style from './SecondaryText.module.css';
 
export default class HappinessRating extends Component {
  render() {
    let { text, className, src } = this.props;
    return (
      <div className={`${style.happinessContainer} ${className ? className : ''}`}>
        <img className={`${style.happinessImg}`} src={src} />
        <span className={style.ratingText} data-title={text}>
          {`${text}%`}
        </span>
      </div>
    );
  }
}
 
HappinessRating.propTypes = HappinessRating_propTypes;
 
// if (__DOCS__) {
//   HappinessRating.docs = {
//     folderName: 'List',
//     componentGroup: 'HappinessRating'
//   };
// }