removed unused comment + added detailed proptype for popinfixed

src/component/common/Card/Card.jsx

@@ -14,13 +14,6 @@ const Card = props => {
 export default Card
 
 Card.propTypes = {
-  // check https://stackoverflow.com/questions/27366077/only-allow-children-of-a-specific-type-in-a-react-component
-  // children: PropTypes.arrayOf( // children is an array
-  //   PropTypes.shape({ // of objects
-  //     type: PropTypes.oneOf([CardHeader, CardBody]) // that as an attribute 'type' equals to CardHeader or CardBody
-  //   })
-  // ),
-
   // from http://www.mattzabriskie.com/blog/react-validating-children
   children: PropTypes.arrayOf((children, key, componentName /* , location, propFullName */) => {
     if (

src/component/common/PopinFixed/PopinFixed.jsx

@@ -1,6 +1,9 @@
 import React from 'react'
 import classnames from 'classnames'
 import PropTypes from 'prop-types'
+import PopinFixedHeader from './PopinFixedHeader.jsx'
+import PopinFixedOption from './PopinFixedOption.jsx'
+import PopinFixedContent from './PopinFixedContent.jsx'
 
 const PopinFixed = props => {
   return (
@@ -17,6 +20,22 @@ PopinFixed.propTypes = {
   visible: PropTypes.bool
 }
 
+PopinFixed.propTypes = {
+  // from http://www.mattzabriskie.com/blog/react-validating-children
+  children: PropTypes.arrayOf((children, key, componentName /* , location, propFullName */) => {
+    if (
+      children.length > 3 ||
+      children[0].type !== PopinFixedHeader ||
+      children[1].type !== PopinFixedOption ||
+      children[2].type !== PopinFixedContent
+    ) {
+      return new Error(`PropType Error: childrens of ${componentName} must be: 1 PopinFixedHeader, 1 PopinFixedOption and 1 PopinFixedContent.`)
+    }
+  }).isRequired,
+  customClass: PropTypes.string,
+  visible: PropTypes.bool
+}
+
 PopinFixed.defaultProps = {
   customClass: '',
   visible: true