re-structure to monorepo.

packages/webapp/src/containers/Drawers/ManualJournalDrawer/ManualJournalDrawerProvider.tsx

@@ -0,0 +1,47 @@
+// @ts-nocheck
+import React from 'react';
+import intl from 'react-intl-universal';
+import { useJournal } from '@/hooks/query';
+import { DrawerLoading, DrawerHeaderContent } from '@/components';
+
+const ManualJournalDrawerContext = React.createContext();
+
+/**
+ * Manual journal drawer provider.
+ */
+function ManualJournalDrawerProvider({ manualJournalId, ...props }) {
+  // Fetch the specific manual journal details.
+  const {
+    data: manualJournal,
+    isLoading: isJournalLoading,
+    isFetching: isJournalFetching,
+  } = useJournal(manualJournalId, {
+    enabled: !!manualJournalId,
+  });
+
+  // Provider.
+  const provider = {
+    manualJournalId,
+    manualJournal,
+
+    isJournalFetching,
+    isJournalLoading,
+  };
+
+  return (
+    <DrawerLoading loading={isJournalLoading}>
+      <DrawerHeaderContent
+        name={'journal-drawer'}
+        title={intl.get('manual_journal.drawer.title', {
+          number: manualJournal?.journal_number,
+        })}
+      />
+      <ManualJournalDrawerContext.Provider value={provider} {...props} />
+    </DrawerLoading>
+  );
+}
+
+const useManualJournalDrawerContext = () =>
+  React.useContext(ManualJournalDrawerContext);
+
+export { ManualJournalDrawerProvider, useManualJournalDrawerContext };