Add tags to the other libraries

src/containers/backdrop-library.jsx

@@ -5,6 +5,7 @@ import VM from 'scratch-vm';
 
 import analytics from '../lib/analytics';
 import backdropLibraryContent from '../lib/libraries/backdrops.json';
+import backdropTags from '../lib/libraries/backdrop-tags';
 import LibraryComponent from '../components/library/library.jsx';
 
 
@@ -34,6 +35,7 @@ class BackdropLibrary extends React.Component {
         return (
             <LibraryComponent
                 data={backdropLibraryContent}
+                tags={backdropTags}
                 title="Choose a Backdrop"
                 onItemSelected={this.handleItemSelect}
                 onRequestClose={this.props.onRequestClose}

src/containers/costume-library.jsx

@@ -5,6 +5,7 @@ import VM from 'scratch-vm';
 
 import analytics from '../lib/analytics';
 import costumeLibraryContent from '../lib/libraries/costumes.json';
+import spriteTags from '../lib/libraries/sprite-tags';
 import LibraryComponent from '../components/library/library.jsx';
 
 
@@ -34,6 +35,7 @@ class CostumeLibrary extends React.PureComponent {
         return (
             <LibraryComponent
                 data={costumeLibraryContent}
+                tags={spriteTags}
                 title="Choose a Costume"
                 onItemSelected={this.handleItemSelected}
                 onRequestClose={this.props.onRequestClose}

src/containers/sound-library.jsx

@@ -10,6 +10,7 @@ import LibraryComponent from '../components/library/library.jsx';
 import soundIcon from '../components/asset-panel/icon--sound.svg';
 
 import soundLibraryContent from '../lib/libraries/sounds.json';
+import soundTags from '../lib/libraries/sound-tags';
 
 class SoundLibrary extends React.PureComponent {
     constructor (props) {
@@ -83,6 +84,7 @@ class SoundLibrary extends React.PureComponent {
         return (
             <LibraryComponent
                 data={soundLibraryThumbnailData}
+                tags={soundTags}
                 title="Choose a Sound"
                 onItemMouseEnter={this.handleItemMouseEnter}
                 onItemMouseLeave={this.handleItemMouseLeave}

src/lib/libraries/backdrop-tags.js

@@ -0,0 +1,36 @@
+import placeholderSvg from '../../lib/assets/placeholder.svg';
+
+export default [
+    {
+        title: 'Fantasy',
+        iconSrc: placeholderSvg
+    },
+    {
+        title: 'Music',
+        iconSrc: placeholderSvg
+    },
+    {
+        title: 'Sports',
+        iconSrc: placeholderSvg
+    },
+    {
+        title: 'Outdoors',
+        iconSrc: placeholderSvg
+    },
+    {
+        title: 'Indoors',
+        iconSrc: placeholderSvg
+    },
+    {
+        title: 'Space',
+        iconSrc: placeholderSvg
+    },
+    {
+        title: 'Underwater',
+        iconSrc: placeholderSvg
+    },
+    {
+        title: 'Patterns',
+        iconSrc: placeholderSvg
+    }
+];

src/lib/libraries/sound-tags.js

@@ -0,0 +1,8 @@
+import placeholderSvg from '../../lib/assets/placeholder.svg';
+
+export default [
+    {
+        title: 'Loops',
+        iconSrc: placeholderSvg
+    }
+];

src/lib/libraries/sprites.json

@@ -11447,4 +11447,4 @@
             "spriteInfo": {}
         }
     }
-]
+]