scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #1193 from rschamp/bugfix/1189

Browse source 
Search view fixes
This commit is contained in:
Ray Schamp 2017-02-21 19:01:58 -05:00 committed by GitHub
commit 201b2ad152
3 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/grid/grid.jsx
View file

@ -27,12 +27,12 @@ var Grid = React.createClass({
return (
<div className={classes}>
<FlexRow>
{this.props.items.map(function (item) {
{this.props.items.map(function (item, key) {
var href = '/' + this.props.itemType + '/' + item.id + '/';
if (this.props.itemType == 'projects') {
return (
<Thumbnail key={item.id}
<Thumbnail key={key}
showLoves={this.props.showLoves}
showFavorites={this.props.showFavorites}
showRemixes={this.props.showRemixes}
@ -53,7 +53,7 @@ var Grid = React.createClass({
}
else {
return (
<Thumbnail key={item.id}
<Thumbnail key={key}
type={'gallery'}
href={href}
title={item.title}

6
src/components/thumbnail/thumbnail.jsx
View file

@ -75,10 +75,12 @@ var Thumbnail = React.createClass({
}
var imgElement,titleElement,avatarElement;
if (this.props.linkTitle) {
imgElement = <a className="thumbnail-image" href={this.props.href}>
imgElement = <a className="thumbnail-image" href={this.props.href} key="imgElement">
<img src={this.props.src} alt={this.props.alt} />
</a>;
titleElement = <a href={this.props.href}>{this.props.title}</a>;
titleElement = <a href={this.props.href} key="titleElement">
{this.props.title}
</a>;
} else {
imgElement = <img src={this.props.src} />;
titleElement = this.props.title;

12
src/views/search/search.jsx
View file

@ -51,14 +51,16 @@ var Search = injectIntl(React.createClass({
while (term.indexOf('&') > -1) {
term = term.substring(0, term.indexOf('&'));
}
term = term.split('+').join(' ');
this.getSearchMore();
this.props.dispatch(navigationActions.setSearchTerm(decodeURI(term)));
term = decodeURI(term.split('+').join(' '));
this.props.dispatch(navigationActions.setSearchTerm(term));
},
componentDidUpdate: function (prevProps) {
if (this.props.searchTerm !== prevProps.searchTerm) this.getSearchMore();
},
getSearchMore: function () {
var termText = '';
if (this.props.searchTerm !== '') {
termText = '&q=' + this.props.searchTerm;
termText = '&q=' + encodeURIComponent(this.props.searchTerm.split(' ').join('+'));
}
api({
uri: '/search/' + this.props.tab +
@ -76,7 +78,7 @@ var Search = injectIntl(React.createClass({
}.bind(this));
},
onSearchSubmit: function (formData) {
window.location.href = '/search/projects?q=' + formData.q;
window.location.href = '/search/projects?q=' + encodeURIComponent(formData.q);
},
getTab: function (type) {
var term = this.props.searchTerm.split(' ').join('+');