Committing to Material icons

src/js/views/library/LibraryPlaylists.js

@@ -243,25 +243,25 @@ class LibraryPlaylists extends React.Component{
 					name="Sort"
 					value={this.props.sort}
 					options={sort_options}
-					selected_icon={this.props.sort_reverse ? 'caret-up' : 'caret-down'} 
+					selected_icon={this.props.sort_reverse ? 'keyboard_arrow_up' : 'keyboard_arrow_down'} 
 					handleChange={value => {this.setSort(value); this.props.uiActions.hideContextMenu() }}
 				/>
 				<DropdownField
-					icon="eye"
+					icon="visibility"
 					name="View"
 					value={this.props.view}
 					options={view_options}
 					handleChange={value => {this.props.uiActions.set({ library_playlists_view: value}); this.props.uiActions.hideContextMenu() }}
 				/>
 				<DropdownField
-					icon="database"
+					icon="cloud"
 					name="Source"
 					value={this.props.source}
 					options={source_options}
 					handleChange={value => {this.props.uiActions.set({ library_playlists_source: value}); this.props.uiActions.hideContextMenu() }}
 				/>
 				<button className="no-hover" onClick={ () => this.props.uiActions.openModal('create_playlist', {} ) }>
-					<FontAwesome name="plus" />&nbsp;
+					<Icon name="add" />
 					New
 				</button>
 			</span>