offline-sync-handler-test

Offline Sync Handler ☁️

Offline Sync Handler - data layer is implemented using IndexedDB allowing for offline data storage and synchronization with the server.

Installation 📜

$ npm install --save offline-sync-handler
$ yarn add offline-sync-handler

How to Use

• Wrap your application with OfflineProvider in app.tsx file.

import { OfflineSyncProvider } from 'offline-sync-handler';

const MyApp = ({ Component, pageProps }) => {
  return (
    <OfflineSyncProvider>
      <Component {...pageProps} />
    </OfflineSyncProvider>
  );
};

• Using the useOfflineSyncContext hook for the offline submission of Data.

import { useOfflineSyncContext } from 'offline-sync-handler';

export default const Sample: React.FC = () => {
  const { callApi } = useOfflineSyncContext();

  const handleSubmit = async () => {
    callApi({
      id: 'Sample',
      body: {
        user: '',        
      },
      endpoint: 'https://sample.com',
      method: 'post'      
    })
      .then(res => {
        if (res === 'offline'){
          // Implement your success code
        }
      })
      .catch(err => {
        // Implement your error code
      });
  };

  return (
    <>
      <Button
        className="sumbit-button"
        onClick={handleSubmit}        
      />
    </>
  );
};

export default Feedback;

Code of Conduct

License

Contribute

Show your ❤️ and support by giving a ⭐. Any suggestions are welcome! Take a look at the contributing guide.