Hi, can I be assigned to this?

Sure @amiabl-programr,

Kindly share how you intend to implement this, I do have ideas but I'd like it to maybe augment your approach 😉

I'd create a loading component in the same folder, and pass down the recent searches data to the loading component as a prop from "recent-searches.jsx" to get the exact size of each item in the recent searches section.

The loading component will be visible while the data is being fetched, and a delay of 2s will be added to prevent the loader from flashing in case the data was returned very fast.

I'd create a loading component in the same folder, and pass down the recent searches data to the loading component as a prop from "recent-searches.jsx" to get the exact size of each item in the recent searches section.

The loading component will be visible while the data is being fetched, and a delay of 2s will be added to prevent the loader from flashing in case the data was returned very fast.

Haha, yea.... this was how you approached it 😃

But, this is still working with what's already loaded on the client-side. Not what I would've done nor what I was expecting yea 😉

The "recent-searches.jsx" component/island is server rendered by default... What I was looking at what to have a loading component come with the default component view and once it gets to the client-side , then it looks up the localStorage and either load the searchItems or displays something else or just disappears.

I was looking to have this clear discussion before you started a PR 😉

Well, you just replied... 🥲