treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Fix not showing loading indicator when searching in web UI 

Port cb2e198d89 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
remotes/1703361221475462875/rebase/4.0.0rc1
Eugen Rochko 2022-02-27 07:37:07 +01:00 committed by Claire
parent 058b74dc0a
commit 6e208a817d
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/explore/results.js
View File

@ -104,7 +104,7 @@ class Results extends React.PureComponent {
</div> </div>
<div className='explore__search-results'> <div className='explore__search-results'>
{isLoading ? (<LoadingIndicator />) : filteredResults} {isLoading ? <LoadingIndicator /> : filteredResults}
</div> </div>
</React.Fragment> </React.Fragment>
); );

6
app/javascript/flavours/glitch/reducers/search.js
View File

@ -41,7 +41,10 @@ export default function search(state = initialState, action) {
case COMPOSE_DIRECT: case COMPOSE_DIRECT:
return state.set('hidden', true); return state.set('hidden', true);
case SEARCH_FETCH_REQUEST: case SEARCH_FETCH_REQUEST:
return state.set('isLoading', true); return state.withMutations(map => {
map.set('isLoading', true);
map.set('submitted', true);
});
case SEARCH_FETCH_FAIL: case SEARCH_FETCH_FAIL:
return state.set('isLoading', false); return state.set('isLoading', false);
case SEARCH_FETCH_SUCCESS: case SEARCH_FETCH_SUCCESS:
@ -52,7 +55,6 @@ export default function search(state = initialState, action) {
hashtags: fromJS(action.results.hashtags), hashtags: fromJS(action.results.hashtags),
})); }));
map.set('submitted', true);
map.set('searchTerm', action.searchTerm); map.set('searchTerm', action.searchTerm);
map.set('isLoading', false); map.set('isLoading', false);
}); });