diff --git a/src/js/components/Button.js b/src/js/components/Button.js index 3ad8fbe6..7017d300 100755 --- a/src/js/components/Button.js +++ b/src/js/components/Button.js @@ -24,6 +24,7 @@ const Button = ({ onClick: onClickProp, to, uri, + uriType, ...rest }) => { const classNames = []; @@ -46,7 +47,7 @@ const Button = ({ let Element = 'button'; if (to) Element = Link; - if (uri) Element = URILink; // MISSING URI TYPE + if (uri) Element = URILink; if (href) Element = 'a'; const onClick = (e) => { @@ -63,7 +64,7 @@ const Button = ({ return ( ` button--${s}`).join(' ')}`} disabled={disabled} to={to} diff --git a/src/js/components/SearchResults.js b/src/js/components/SearchResults.js index 811f33d2..d35b26b0 100755 --- a/src/js/components/SearchResults.js +++ b/src/js/components/SearchResults.js @@ -56,7 +56,7 @@ const SearchResults = ({

{!all && ( - + {' '} @@ -66,7 +66,7 @@ const SearchResults = ({ )} {all && ( - + )} @@ -79,7 +79,7 @@ const SearchResults = ({ {/* */} {resultsCount > results.length && ( - )} @@ -89,7 +89,12 @@ const SearchResults = ({ }; const mapStateToProps = (state, ownProps) => { - const { query: { term }, type } = ownProps; + const { + query: { + term, + }, + type, + } = ownProps; const { ui: { uri_schemes_priority = [], diff --git a/src/js/components/URILink.js b/src/js/components/URILink.js index ded11150..eb67544c 100755 --- a/src/js/components/URILink.js +++ b/src/js/components/URILink.js @@ -3,13 +3,17 @@ import Link from './Link'; import { uriType as uriTypeHelper } from '../util/helpers'; import { encodeUri } from '../util/format'; -export default memo((props) => { +export default memo(({ + type, + uri: rawUri, + className, + handleContextMenu, + children, + unencoded, +}) => { let to = null; - let { uri, type } = props; - const uriType = type || uriTypeHelper(uri); - if (!props.unencoded) { - uri = encodeUri(uri); - } + const uriType = type || uriTypeHelper(rawUri); + const uri = (!unencoded) ? encodeUri(rawUri) : rawUri; switch (uriType) { case 'playlist': @@ -41,7 +45,7 @@ export default memo((props) => { break; case 'search': - var exploded = uri.split('%3A'); + var exploded = uri.split(':'); to = `/search/${exploded[2]}/${exploded[3]}`; break; @@ -52,17 +56,17 @@ export default memo((props) => { if (uri) { return ( (props.handleContextMenu ? props.handleContextMenu(e) : null)} + onContextMenu={handleContextMenu} > - {props.children} + {children} ); } return ( - - {props.children} + + {children} ); });