fix(Embed): props renaming (#831)

Author: layershifter

docs/app/Examples/modules/Embed/States/EmbedExampleActive.js

@@ -14,9 +14,9 @@ export default class EmbedExampleActive extends Component {
         <Embed
           active={active}
           icon='arrow circle down'
+          id='90Omh7_I8vI'
           placeholder='http://semantic-ui.com/images/image-16by9.png'
           source='youtube'
-          sourceId='90Omh7_I8vI'
         />
 
         <Divider hidden />

docs/app/Examples/modules/Embed/Types/EmbedExampleCustom.js

@@ -5,7 +5,7 @@ const EmbedExampleCustom = () => (
   <Embed
     icon='right circle arrow'
     placeholder='http://semantic-ui.com/images/image-16by9.png'
-    sourceUrl='http://www.myfav.es/jack'
+    url='http://www.myfav.es/jack'
   />
 )
 

docs/app/Examples/modules/Embed/Types/EmbedExampleVimeo.js

@@ -3,9 +3,9 @@ import { Embed } from 'semantic-ui-react'
 
 const EmbedExampleVimeo = () => (
   <Embed
+    id='125292332'
     placeholder='http://semantic-ui.com/images/vimeo-example.jpg'
     source='vimeo'
-    sourceId='125292332'
   />
 )
 

docs/app/Examples/modules/Embed/Types/EmbedExampleYoutube.js

@@ -3,9 +3,9 @@ import { Embed } from 'semantic-ui-react'
 
 const EmbedExampleYouTube = () => (
   <Embed
+    id='O6Xo21L0ybE'
     placeholder='http://semantic-ui.com/images/image-16by9.png'
     source='youtube'
-    sourceId='O6Xo21L0ybE'
   />
 )
 

docs/app/Examples/modules/Embed/Usage/EmbedExampleSettings.js

@@ -3,15 +3,13 @@ import { Embed } from 'semantic-ui-react'
 
 const EmbedExampleSettings = () => (
   <Embed
+    autoplay={false}
+    brandedUI={false}
+    color='white'
+    hd={false}
+    id='D0WnZyxp_Wo'
     placeholder='http://semantic-ui.com/images/image-16by9.png'
     source='youtube'
-    sourceId='D0WnZyxp_Wo'
-    sourceSettings={{
-      autoPlay: false,
-      brandedUI: false,
-      color: 'white',
-      hd: false,
-    }}
   />
 )
 

docs/app/Examples/modules/Embed/Variations/EmbedExampleAspectRatio.js

@@ -4,9 +4,9 @@ import { Embed } from 'semantic-ui-react'
 const EmbedExampleAspectRatio = () => (
   <Embed
     aspectRatio='4:3'
+    id='HTZudKi36bo'
     placeholder='http://semantic-ui.com/images/4by3.jpg'
     source='youtube'
-    sourceId='HTZudKi36bo'
   />
 )
 

src/modules/Embed/Embed.js

@@ -177,7 +177,8 @@ export default class Embed extends Component {
   }
 
   renderEmbed() {
-    const { active, children } = this.props
+    const { children } = this.props
+    const { active } = this.state
 
     if (!active) return null
     if (children) return <div className='embed'>{children}</div>