removing MediaObject from KitchenSink because it has problems, changi…

…ng some example icons to work with icomoon too, fixing BrowserSupportWarning isomorphism issues

.npmignore

@@ -0,0 +1,5 @@
+.node-version
+node_modules/
+docs/**/*
+!docs/.keep
+npm-debug.log

src/Badge.example.js

@@ -19,8 +19,8 @@ export class Icons extends Component {
   render() {
     return (
       <div>
-        <Badge icon="x" />
-        <Badge warning icon="x">ERROR</Badge>
+        <Badge icon="home" />
+        <Badge warning icon="home">ERROR</Badge>
       </div>
     )
   }

src/BrowserSupportWarning.js

@@ -3,14 +3,23 @@ import bowser from 'bowser'
 import classNames from 'classnames'
 
 export default class BrowserSupportWarning extends Component {
-  render() {
-    const {minVersions, className, children} = this.props
+
+  state = {isSupported: null}
+
+  componentDidMount() {
+    const {minVersions} = this.props
     const userAgent = this.props.userAgent || (typeof(window) !== 'undefined' && window.navigator.userAgent) || null
     const isSupported = userAgent ? bowser.check(this.props.minVersions, this.userAgent) : true
-    if(isSupported) {
+    this.setState({isSupported})
+  }
+
+  render() {
+    const {isSupported} = this.state
+    if(isSupported === null || isSupported) {
       return null
     }
+    const {className, children} = this.props
     const divClassName = classNames(className, 'rev-BrowserSupportWarning')
-    return <div className={divClassName}>{this.props.children}</div>
+    return <div className={divClassName}>{children}</div>
   }
 }

src/Icon.example.js

@@ -5,7 +5,7 @@ import {Row, Col} from './grid'
 export class Basic extends Component {
   render() {
     return (
-      <Icon className="stat" i="bitcoin" />
+      <Icon className="stat" i="home" />
     )
   }
 }

src/KitchenSink.js

@@ -50,9 +50,6 @@ add('ButtonGroup', ButtonGroup)
 import * as Icon from './Icon.example'
 add('Icon', Icon)
 
-import * as MediaObject from './MediaObject.example'
-add('MediaObject', MediaObject)
-
 import * as Menu from './Menu.example'
 add('Menu', Menu)
 

src/Label.example.js

@@ -24,8 +24,8 @@ export class Icons extends Component {
   render() {
     return (
       <div>
-        <Label icon="x" />
-        <Label warning icon="x">ERROR</Label>
+        <Label icon="home" />
+        <Label warning icon="home">ERROR</Label>
       </div>
     )
   }

src/Menu.example.js

@@ -121,10 +121,10 @@ export class IconsOnTop extends Component {
   render() {
     return (
       <Menu iconTop>
-        <Menu.Item><a href="#"><Icon i="list" /> <span>One</span></a></Menu.Item>
-        <Menu.Item><a href="#"><Icon i="list" /> <span>Two</span></a></Menu.Item>
-        <Menu.Item><a href="#"><Icon i="list" /> <span>Three</span></a></Menu.Item>
-        <Menu.Item><a href="#"><Icon i="list" /> <span>Four</span></a></Menu.Item>
+        <Menu.Item><a href="#"><Icon i="home" /> <span>One</span></a></Menu.Item>
+        <Menu.Item><a href="#"><Icon i="home" /> <span>Two</span></a></Menu.Item>
+        <Menu.Item><a href="#"><Icon i="home" /> <span>Three</span></a></Menu.Item>
+        <Menu.Item><a href="#"><Icon i="home" /> <span>Four</span></a></Menu.Item>
       </Menu>
     )
   }