src/Size.react.js

   1 /**
   2  * Copyright 2015-present Greg Hurrell. All rights reserved.
   3  * Licensed under the terms of the MIT license.
   4  *
   5  * @flow
   6  */
   7
   8 'use strict';
   9
  10 import React from 'react';
  11 import {ValuePropType} from './Field.react';
  12 import convert from './convert';
  13
  14 export default class App extends React.Component {
  15   static propTypes = {
  16     value: ValuePropType,
  17   };
  18
  19   render() {
  20     const {value} = this.props;
  21     const bits = value ? convert(value.value, value.base, 16).length * 8 : 0;
  22     const bytes = bits / 8;
  23     return (
  24       <span>
  25         {bytes} byte{bytes === 1 ? '' : 's'},
  26         {' '}
  27         {bits} bits
  28       </span>
  29     );
  30   }
  31 }