jargonsdev / jargonsdev/jargons.dev

Add Loading Component to Recent Searches Island

Open
#31 5 comments 0 reactions 1 assignee Claimed by @amiabl-programr View on GitHub
:arrow_upper_right: medium priority :sparkles: enhancement
Dominant language
MDX
Stars
56
Forks
45
PR merge metrics
No merged PRs in 30d

Description

The Recent Searches island component currently lacks a loading state, causing the UI to flicker when content is loaded. This issue aims to add a loading component to improve user experience.

[screencast-localhost_4321-2024.04.05-12_20_32.webm](https://github.com/babblebey/jargons.dev/assets/25631971/fff66330-e0d3-426d-b27a-77183f70a66f)

#### Tasks
1. **Implement Loading State:** Add a loading state to the Recent Searches island component that displays a placeholder for the section title and a set of placeholders for the list of recent searched items.
2. **Style Loading Component:** Style the loading component to visually indicate that content is loading. Consider using placeholders that mimic the size and layout of the actual content.
3. **Integrate Loading Component:** Integrate the loading component into the Recent Searches island so that it is displayed while the actual content is being fetched.

#### Related Files
- `recent-searches.jsx` component in the `src/components/islands` directory

#### Acceptance Criteria
- The loading component is displayed when the Recent Searches island is loading.
- The loading component accurately represents the layout of the actual content.

#### Additional Notes
- Ensure that the loading component is visually appealing and informative.
- Consider using animations or transitions to indicate the loading process.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.