add other categories, add background to category

Author: kaeizen

src/components/modal-design-library/block-list.js

@@ -48,6 +48,35 @@ const BlockList = props => {
 			return output
 		}, {} )
 
+		const toAdd = [
+			[ 'Contact', 22 ],
+			[ 'Featured Products', 14 ],
+			[ 'Footer', 11 ],
+			[ 'Header', 12 ],
+			[ 'Map', 10 ],
+			[ 'Service Menu', 10 ],
+			[ 'Stats', 15 ],
+			[ 'Post Loop', 6 ],
+			[ 'Pricing Table', 15 ],
+			[ 'Quote', 10 ],
+			[ 'Carousel', 13 ],
+			[ 'Table of Contents', 8 ],
+			[ 'Tabs', 11 ],
+			[ 'Team Members', 10 ],
+			[ 'Testimonials', 25 ],
+			[ 'Timeline', 9 ],
+			[ 'Video', 11 ],
+		]
+
+		toAdd.forEach( ( [ label, count ] ) => {
+			_categories[ label ] = {
+				id: label,
+				label,
+				count,
+			}
+			total += count
+		} )
+
 		_categories.all = {
 			id: '',
 			label: '    ',

src/components/modal-design-library/editor.scss

@@ -213,6 +213,7 @@
 		[aria-pressed="true"] {
 			font-weight: bold;
 			color: #f00069;
+			background: #f1f1f1;
 		}
 		.is-disabled {
 			opacity: 0.3;