viam-compliance-deposit-ui/src/core/components/main.js

A React component for deposit sar alerts.

import React from 'react';
import { Suspense, useState } from 'react';
import Loading from '../utils/loading';
import DepositAlertImport from './depositAlertImport/depositAlertImport';
import { Option } from '../business/utils/types';

const main = ({
  t,
  maxButtonsArea,
  numberOfRecordsByPageDefault,
  connecParam,
  language,
  user,
  ux,
  option
}) => {
  const [loader, setLoader] = useState(false);

  const loading = loader ? <Loading ux={ux} /> : '';

  return (
    <Suspense fallback={<div>Loading...</div>}>
      {loading}
      {option === Option.DESPOSITALERTIMPORT && (
        <DepositAlertImport
          t={t}
          maxButtonsArea={maxButtonsArea}
          numberOfRecordsByPageDefault={numberOfRecordsByPageDefault}
          connecParam={connecParam}
          language={language}
          user={user}
          setLoader={setLoader}
          ux={ux}
          option={option}
        />
      )}
    </Suspense>
  );
};

export default main;