Add back putting the sound library in the ui

scratchfoundation · Mar 22, 2017 · a4db6c1 · a4db6c1
1 parent 01cfbba
commit a4db6c1
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/target-pane/target-pane.jsx b/src/components/target-pane/target-pane.jsx
@@ -8,6 +8,7 @@ const VM = require('scratch-vm');
 const Box = require('../box/box.jsx');
 const BackdropLibrary = require('../../containers/backdrop-library.jsx');
 const CostumeLibrary = require('../../containers/costume-library.jsx');
+const SoundLibrary = require('../../containers/sound-library.jsx');
 const SpriteLibrary = require('../../containers/sprite-library.jsx');
 const SpriteSelectorComponent = require('../sprite-selector/sprite-selector.jsx');
 const StageSelector = require('../../containers/stage-selector.jsx');
@@ -36,6 +37,7 @@ class TargetPane extends React.Component {
             editingTarget,
             backdropLibraryVisible,
             costumeLibraryVisible,
+            soundLibraryVisible,
             spriteLibraryVisible,
             onChangeSpriteDraggability,
             onChangeSpriteName,
@@ -48,6 +50,7 @@ class TargetPane extends React.Component {
             onNewBackdropClick,
             onRequestCloseBackdropLibrary,
             onRequestCloseCostumeLibrary,
+            onRequestCloseSoundLibrary,
             onRequestCloseSpriteLibrary,
             onSelectSprite,
             stage,
@@ -113,6 +116,11 @@ class TargetPane extends React.Component {
                             vm={vm}
                             onRequestClose={onRequestCloseCostumeLibrary}
                         />
+                        <SoundLibrary
+                            visible={soundLibraryVisible}
+                            vm={vm}
+                            onRequestClose={onRequestCloseSoundLibrary}
+                        />
                         <BackdropLibrary
                             visible={backdropLibraryVisible}
                             vm={vm}
@@ -154,11 +162,14 @@ TargetPane.propTypes = {
     onChangeSpriteY: React.PropTypes.func,
     onDeleteSprite: React.PropTypes.func,
     onNewBackdropClick: React.PropTypes.func,
+    onNewSoundClick: React.PropTypes.func,
     onNewSpriteClick: React.PropTypes.func,
     onRequestCloseBackdropLibrary: React.PropTypes.func,
     onRequestCloseCostumeLibrary: React.PropTypes.func,
+    onRequestCloseSoundLibrary: React.PropTypes.func,
     onRequestCloseSpriteLibrary: React.PropTypes.func,
     onSelectSprite: React.PropTypes.func,
+    soundLibraryVisible: React.PropTypes.bool,
     spriteLibraryVisible: React.PropTypes.bool,
     sprites: React.PropTypes.objectOf(spriteShape),
     stage: spriteShape,