re-structure to monorepo.

packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx

@@ -0,0 +1,61 @@
+// @ts-nocheck
+import React from 'react';
+import { Alignment, Navbar, NavbarGroup } from '@blueprintjs/core';
+import { pick } from 'lodash';
+
+import { DashboardViewsTabs } from '@/components';
+import { useManualJournalsContext } from './ManualJournalsListProvider';
+import withManualJournals from './withManualJournals';
+import withManualJournalsActions from './withManualJournalsActions';
+import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
+
+import { compose } from '@/utils';
+
+/**
+ * Manual journal views tabs.
+ */
+function ManualJournalsViewTabs({
+  // #withManualJournalsActions
+  setManualJournalsTableState,
+
+  // #withManualJournals
+  journalsTableState
+}) {
+  // Manual journals context.
+  const { journalsViews } = useManualJournalsContext();
+
+  const tabs = journalsViews.map((view) => ({
+    ...pick(view, ['name', 'id']),
+  }));
+
+  const handleClickNewView = () => {};
+
+  // Handles the tab change.
+  const handleTabChange = (viewId) => {
+    setManualJournalsTableState({
+      customViewId: viewId || null,
+    });
+  };
+  
+  return (
+    <Navbar className="navbar--dashboard-views">
+      <NavbarGroup align={Alignment.LEFT}>
+        <DashboardViewsTabs
+          resourceName={'manual-journals'}
+          currentViewId={journalsTableState.customViewId}
+          tabs={tabs}
+          onChange={handleTabChange}
+          onNewViewTabClick={handleClickNewView}
+        />
+      </NavbarGroup>
+    </Navbar>
+  );
+}
+
+export default compose(
+  withManualJournalsActions,
+  withDashboardActions,
+  withManualJournals(({ manualJournalsTableState }) => ({
+    journalsTableState: manualJournalsTableState,
+  })),
+)(ManualJournalsViewTabs);