emanueleDiVizio

{"lastUpload":"2020-09-22T05:57:00.646Z","extensionVersion":"v3.4.3"}

emanueleDiVizio

const productReducer = (state, action) => {
    switch (action.type) {
      case offlineActionTypes.FETCH_OFFLINE_MODE:
        if (
          action.payload.prevAction.type ===
          actionTypes.FETCH_USER_SELECTED_PRODUCT_REQUEST
        ) {
          return handleSelectedProductWhileOffline(state, action.payload);
        }
        return state;

emanueleDiVizio

const action = {
    type: 'FETCH_USER_SELECTED_PRODUCT_REQUEST',
    payload: {
      id: 2
    },
    meta: {
      retry: true
    }
  };

emanueleDiVizio

type ActionToBeQueued = {
    type: string,
    payload?: any,
    meta: {
      retry?: boolean, // By passing true, your action will be enqueued on offline mode
      dismiss?: Array<string> // Array of actions which, once dispatched, will trigger a dismissal from the queue
    }
  }

emanueleDiVizio

type FetchOfflineModeActionForPO = {
    type: '@@network-connectivity/FETCH_OFFLINE_MODE',
    payload: {
      prevAction: {
        type: string, // Your previous action type
        payload?: any, // Your previous payload
      }
    }
  }

emanueleDiVizio

createNetworkMiddleware(config: MiddlewareConfig): ReduxMiddleware

type MiddlewareConfig = {
  regexActionType?: RegExp = /FETCH.*REQUEST/,
  actionTypes?: Array<string> = [],
  queueReleaseThrottle?: number = 50,
  shouldDequeueSelector: (state: RootReduxState) => boolean = () => true
}

emanueleDiVizio

import { createStore, applyMiddleware } from 'redux';
import { createNetworkMiddleware } from 'react-native-offline';
import createSagaMiddleware from 'redux-saga';

const sagaMiddleware = createSagaMiddleware();
const networkMiddleware = createNetworkMiddleware({
  queueReleaseThrottle: 200,
});

const store = createStore(

emanueleDiVizio

const OfflineBanner = () => {
    const [isOffline] = useNetworkInfo();
  
    if (isOffline) {
      return (
        <View style={styles.container}>
          <View style={styles.row}>
            <Text>You are currently offline</Text>
          </View>
        </View>

emanueleDiVizio

const isConnectedSelector = state => state.network.isConnected;

const useNetworkInfo = () => {
    const isConnected = useSelector(isConnectedSelector);

    return [isConnected];
}

emanueleDiVizio

type NetworkState = {
    isConnected: boolean,
    actionQueue: Array<*>
  }