The issue was that when no images match the search query, the images in redux store weren't removed, which results in the user seeing the previous search result.
The changes introduced by this PR make sure that the images stored in redux are set to an empty array whenever the search fails, and also displays a message saying "No images matching your search were found" to the user.
PR checklist
Docs
[x] If you added new code; is it self documenting? (all the variable names clear, comments added where appropriate)
[ ] If you touched existing code; did you refactor existing naming, added comments where necessary?
Tests
[x] If your ticket adds new functionality; have you added unit tests to verify behaviour?
[ ] If your ticket alters user interaction with the UI; have you added integration tests?
[ ] Do your tests check for every convievable user behabviour? (all behaviours the user can perform)
Typing
[ ] If you added new code; have you added typing?
[ ] If you touched existing code; have you improved its typing?
Styling
[x] If new styles were created; Did you refactor/add more styles in css-in-js style?
This PR solves #274
The issue was that when no images match the search query, the images in redux store weren't removed, which results in the user seeing the previous search result.
The changes introduced by this PR make sure that the images stored in redux are set to an empty array whenever the search fails, and also displays a message saying "No images matching your search were found" to the user.
PR checklist
Docs
Tests
Typing
Styling