/*f8app/js/common/ProfilePicture.js*/
//這個組件是最簡單的一個，只要從父組件接受userID和size就可以
//動態獲取圖片了。
 'use strict';

var Image = require('Image');
var React = require('React');
var PixelRatio = require('PixelRatio');

class ProfilePicture extends React.Component {
  props: {
    userID: string;
    size: number;
  };

  render() {
    const {userID, size} = this.props;
    const scaledSize = size * PixelRatio.get();
// uri是es6中動態拼接字符串的方法，變量用${variable}動態獲取
    const uri = `http://graph.facebook.com/${userID}/picture?width=${scaledSize}&height=${scaledSize}`;
//style里borderRadius讓圖片變園
    return (
      <Image
        source={{uri}}
        style={{
          width: size,
          height: size,
          borderRadius: size / 2,
        }}
      />
    );
  }
}

module.exports = ProfilePicture;