All files / app/components AddedDeleted.tsx

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                        11x 15x                         11x  
import React from 'react';
import { style } from 'app/styles';
 
import { CommaNumber } from 'app/components/CommaNumber';
 
export interface AddedDeletedProps {
  linesAdded: number;
  linesDeleted: number;
  style?: object;
}
 
// numbers for humans have commas
export const AddedDeleted = (props: AddedDeletedProps): JSX.Element => {
  return (
    <span style={style('smallerText', { float: 'right' }, props.style)}>
      <span style={style('linesAdded')}>
        +<CommaNumber value={props.linesAdded} />
      </span>
      <span> / </span>
      <span style={style('linesDeleted')}>
        -<CommaNumber value={props.linesDeleted} />
      </span>
    </span>
  );
};
 
AddedDeleted.displayName = 'AddedDeleted';