Progress

app/javascript/gabsocial/components/select.js

@@ -1,22 +1,34 @@
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import ImmutablePureComponent from 'react-immutable-pure-component'
+import Icon from './icon'
 
+/**
+ * Renders a select element with options
+ * @param {func} props.onChange - function to call on option selection
+ * @param {object} props.options - options for selection
+ * @param {string} [props.value] - value to set selected
+ */
 export default class Select extends ImmutablePureComponent {
 
   static propTypes = {
+    onChange: PropTypes.func.isRequired,
     options: PropTypes.oneOf([
       ImmutablePropTypes.map,
       PropTypes.object,
-    ]),
+    ]).isRequired,
     value: PropTypes.string,
-    onChange: PropTypes.func,
   }
 
+  updateOnProps = [
+    'options',
+    'value',
+  ]
+
   render() {
     const {
       value,
       options,
-      onChange
+      onChange,
     } = this.props
 
     return (
@@ -27,13 +39,18 @@ export default class Select extends ImmutablePureComponent {
           onChange={onChange}
         >
           {
-            options.map(option => (
+            options.map((option) => (
               <option key={`option-${option.value}`} value={option.value}>
                 {option.title}
               </option>
             ))
           }
         </select>
+        <Icon
+          id='select'
+          size='14px'
+          className={[_s.fillColorSecondary, _s.posAbs, _s.right0, _s.mr10, _s.bottom0, _s.mb15].join(' ')}
+        />
       </div>
     )
   }