Limit $recentSearches State to Hold a Maximum of 5 Entries

[babblebey]

Currently, the $recentSearches state holds all the recent searches without any limit. To improve user experience and ensure that the list of recent searches remains manageable, we need to limit the $recentSearches state to hold a maximum of 5 entries. When a new word is added and the limit is reached, the oldest entry should be removed to make space for the new one.

Current Implementation

The current implementation does not limit the number of recent searches stored. It can be found at https://github.com/devjargons/jargons.dev/blob/main/src/lib/stores/search.js

Task

Modify the $addToRecentSearchesFn function to ensure that the $recentSearches state holds a maximum of 5 entries. If the limit is reached, remove the oldest entry before adding a new one.

Implementation Steps

1. Check the number of entries in the $recentSearches state.
2. If the number of entries is 5 or more, remove the oldest entry.
3. Add the new entry to the $recentSearches state.
4. Update the local storage with the modified state.

Acceptance Criteria

• The $recentSearches state should hold a maximum of 5 entries.
• When a new entry is added and the limit is reached, the oldest entry should be removed.
• The local storage should be updated accordingly.

Additional Information

• This enhancement will be implemented in the lib/stores/search.js file where the $addToRecentSearchesFn function is defined.

[AyendiSimeon1]

Hi @babblebey, i would like to contribute to this issue and help resolve it. Please let me know how I can get started.

[babblebey]

Hey @AyendiSimeon1, let's goooooo 💪🏾

Feel free to write a comment here if you have any questions or need any help at all with this, I can share some thoughts 😉