From da460cd1123df78b7618d379db11481c1354864b Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Tue, 14 Mar 2017 08:55:10 +1300
Subject: [PATCH] Change search results view with contextual buttons

---
 src/js/views/Search.js | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/js/views/Search.js b/src/js/views/Search.js
index 80c957df..3b3e1049 100755
--- a/src/js/views/Search.js
+++ b/src/js/views/Search.js
@@ -1,12 +1,13 @@
 
 import React, { PropTypes } from 'react'
 import { connect } from 'react-redux'
-import { Link } from 'react-router'
+import { Link, hashHistory } from 'react-router'
 import { bindActionCreators } from 'redux'
 import FontAwesome from 'react-fontawesome'
 import ReactGA from 'react-ga'
 
 import Header from '../components/Header'
+import DropdownField from '../components/DropdownField'
 import TrackList from '../components/TrackList'
 import ArtistGrid from '../components/ArtistGrid'
 import AlbumGrid from '../components/AlbumGrid'
@@ -163,10 +164,44 @@ class Search extends React.Component{
 		}
 	}
 
+	handleViewChange(val){
+		this.props.uiActions.hideContextMenu()
+		hashHistory.push(global.baseURL+'search/'+this.props.params.query+'/'+val)
+	}
+
 	render(){
+		var view_options = [
+			{
+				value: '',
+				label: 'All'
+			},
+			{
+				value: 'artists',
+				label: 'Artists'
+			},
+			{
+				value: 'albums',
+				label: 'Albums'
+			},
+			{
+				value: 'playlists',
+				label: 'Playlists'
+			},
+			{
+				value: 'tracks',
+				label: 'Tracks'
+			}
+		]
+
+		var options = (
+			<span>
+				<DropdownField icon="eye" name="View" value={this.props.params.type} options={view_options} handleChange={val => this.handleViewChange(val)} />
+			</span>
+		)
+
 		return (
 			<div className="view search-view">			
-				<Header icon="search" title="Search results" />
+				<Header icon="search" title="Search results" options={options} uiActions={this.props.uiActions} />
 				{ this.renderResults() }
 			</div>
 		);