re-structure to monorepo.

packages/webapp/src/containers/TransactionsLocking/TransactionsLockingProvider.tsx

@@ -0,0 +1,51 @@
+// @ts-nocheck
+import React from 'react';
+import { DashboardInsider } from '@/components/Dashboard';
+import { useTransactionsLocking } from '@/hooks/query';
+import { useWatchImmediate } from '@/hooks/utils/useWatch';
+
+const TransactionsLockingContext = React.createContext();
+
+/**
+ * Transactions locking data provider.
+ */
+function TransactionsLockingProvider({ ...props }) {
+  // Fetch transaction locking modules list.
+  const {
+    data: transactionsLocking,
+    isFetching: isTransactionLockingFetching,
+    isLoading: isTransactionLockingLoading,
+  } = useTransactionsLocking();
+
+  // Transactions locking type.
+  const [transactionLockingType, setTransactionLockingType] =
+    React.useState('partial');
+
+  // Locking type controlled from response.
+  useWatchImmediate(() => {
+    if (transactionsLocking.locking_type) {
+      setTransactionLockingType(transactionsLocking.locking_type);
+    }
+  }, transactionsLocking.locking_type);
+
+  // Provider
+  const provider = {
+    transactionsLocking,
+    isTransactionLockingFetching,
+    isTransactionLockingLoading,
+
+    transactionLockingType,
+    setTransactionLockingType,
+  };
+
+  return (
+    <DashboardInsider>
+      <TransactionsLockingContext.Provider value={provider} {...props} />
+    </DashboardInsider>
+  );
+}
+
+const useTransactionsLockingContext = () =>
+  React.useContext(TransactionsLockingContext);
+
+export { TransactionsLockingProvider, useTransactionsLockingContext };