Feature Request: Customizations for Loading Bar and Initial Loading Screen

[Peda1996]

Description

I am currently using the react-current-page-fallback library in my React project to handle page transitions and loading states. It’s been a great help, but I’ve noticed that there are a couple of enhancements that could significantly improve the developer and user experience.

Feature Request

1. Customizable Loading Bar: I would like to request the ability to customize the loading bar’s appearance, specifically its color. This would allow developers to maintain consistency with their application’s branding and overall design.

   Potential Solution: Introduce new props in the FallbackProvider or FallbackPageWrapper components that allow developers to specify the color of the loading bar.

   Example:

   <FallbackProvider loadingBarColor="#3498db">
     {/* ... */}
   </FallbackProvider>

2. Initial Loading Screen: Currently, the library displays a yellow loading bar during initial page load. I would like to propose an enhancement where developers can introduce a custom initial loading screen instead of the default loading bar.

Potential Solution: Provide an additional prop in the FallbackProvider or FallbackPageWrapper components that allows developers to pass in a custom React component to be displayed during the initial load.

Example:

<FallbackProvider initialLoadingScreen={<CustomInitialLoadingScreen />}>
  {/* ... */}
</FallbackProvider>