🚀 Feature: Creating a reusable loader for all the tabs while fetching responses.

[ManishMadan2882]

🔖 Feature description

1. Create a reusable skeleton component to handle asynchronous data(fetch)
2. Component can be integrated in Settings > Documents, Chatbots, Analytics, logs

🎤 Why is this feature needed ?

Improves UX: Providing a skeleton loader helps maintain user engagement by showing a visual placeholder instead of a blank screen. This reduces perceived loading times and enhances the overall user experience.

✌️ How do you aim to achieve this?

The loader component will be designed to be highly flexible and customizable, enabling it to adapt to different shapes and structures (example: tables).

🔄️ Additional Information

Skeleton should match the design of the component in the ConversationBubble component, which appears until the sources are streamed.

👀 Have you spent some time to check if this feature request has been raised before?

• I checked and didn't find similar issue

Are you willing to submit PR?

None

[Vidhanvyrs]

hi @ManishMadan2882 can i work on this please assign it to me

[prathamesh424]

hi @ManishMadan2882 I want to work on this issue can you assign it to me

[prathamesh424]

solved issue #1188

[prathamesh424]

I solved the issue in #1188 ,so assign to me and merge the pull request @larinam , @jbampton , @ManishMadan2882

[prathamesh424]

@dartpain , @larinam @jbampton you can check now added skeleton loader

call the function count represent the number of cards

dark theme :

Screen.Recording.2024-10-04.234152.mp4

light theme:

Screen.Recording.2024-10-04.233837.mp4

[prathamesh424]

@dartpain updated the settings component

[KaranSingh36752]

@prathamesh424 did you make the dark theme also if not I want to make whole website option in dark theme?

[prathamesh424]

@dartpain @larinam @jbampton

Updated the loading state and loader in the settings component :

[prathamesh424]

@prathamesh424 did you make the dark theme also if not I want to make whole website option in dark theme?

support dark and light theme both

[KaranSingh36752]

Yeah i checked it was in settings..

[prathamesh424]

@dartpain check out ..