@jmind.systems/react-status-controller

React-status-controller

Usage example

  // status from redux
  const getUsersStatus = useSelector(selectUsersStatus); 
  <StatusController statuses=[getUsersStatus]>
    Some content
  </StatusController>

Docs

• statuses - statuses array from redux state
• error - function. Use to display error from redux state
• reduxStatuses - you can pass your statuses to StatusController.
  Default -

  {
       none: 'none',
       loading: 'loading',
       error: 'error',
       success: 'success'
  }
  

  Your reduxStatuses should be an object with the same keys.
• loaderSettings - object. Use this parameter to set your custom styles to the loader (default)
  loaderSettings have following keys:
  • size - loader size;
  • color - loader color;
  • styles - loader wrapper styles.
    Default

     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',
     width: '100%',
     height: '100%',
    

• Loader - Use this parameter to set your custom Loader component Example:

   <StatusController Loader={() => <span>Loading...</span>}>
  
   </StatusController>