All files / buffer-web-components/ColabTool/Shared/RetweetPanel index.jsx

100% Statements 5/5
100% Branches 0/0
100% Functions 1/1
100% Lines 5/5
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 37 38 39 40 41 42 43 44              2x         2x           2x         7x                         2x              
import React from 'react';
import PropTypes from 'prop-types';
import {
  Image,
  Text,
} from '@bufferapp/components';
 
const retweetPanelContainerStyle = {
  display: 'flex',
  alignItems: 'center',
};
 
const retweetHandleContainer = {
  display: 'flex',
  flexDirection: 'column',
  marginLeft: '1rem',
};
 
const RetweetPanel = ({
  name,
  handle,
  avatarUrl,
}) =>
  <div style={retweetPanelContainerStyle}>
    <Image
      src={avatarUrl}
      border={'circle'}
      height={'2rem'}
      width={'2rem'}
    />
    <div style={retweetHandleContainer}>
      <Text size={'small'}>{name}</Text>
      <Text size={'extra-small'}>{handle}</Text>
    </div>
  </div>;
 
RetweetPanel.propTypes = {
  name: PropTypes.string.isRequired,
  handle: PropTypes.string.isRequired,
  avatarUrl: PropTypes.string.isRequired,
};
 
export default RetweetPanel;