pos-filter-ui

.env.sample

@@ -1,4 +1,4 @@
-REACT_APP_API_URL=http://localhost:4000
+REACT_APP_API_URL=http://localhost:4000/
 NODE_ENV=development
 MONGO_URL=mongodb://localhost:27017/erxes
 NODE_OPTIONS=--max-old-space-size=1536

frontend/core-ui/src/modules/app/hooks/usePluginsRouter.tsx

@@ -16,7 +16,6 @@ export const getPluginsRoutes = () => {
         pluginName: plugin.name,
       })),
   );
-
   return allModules.map((module) => (
     <Route
       key={module.name}

frontend/plugins/operation_ui/module-federation.config.ts

@@ -19,7 +19,7 @@ const config: ModuleFederationConfig = {
     './operation': './src/modules/main/Main.tsx',
     './teamSettings': './src/modules/team/Settings.tsx',
     './relationWidget': './src/widgets/relation/RelationWidgets.tsx',
-    './notificationWidget':
+    './notificationWidget': 
       './src/widgets/notifications/NotificationsWidgets.tsx',
   },
 

frontend/plugins/operation_ui/src/modules/main/Main.tsx

@@ -17,7 +17,6 @@ const taskMain = () => {
         <Route path="/" element={<Navigate to="tasks" replace />} />
         <Route path="tasks" element={<TasksPage />} />
         <Route path="tasks/:taskId" element={<TaskDetailPage />} />
-
         <Route path="projects" element={<ProjectsPage />} />
         <Route path="projects/:projectId" element={<ProjectLayout />}>
           <Route index element={<Navigate to="overview" replace />} />

frontend/plugins/pos_ui/src/modules/states/PosCount.tsx

@@ -0,0 +1,3 @@
+import { atom } from 'jotai';
+
+export const posTotalCountAtom = atom<number | null>(null);

frontend/plugins/sales_ui/module-federation.config.ts

@@ -16,10 +16,9 @@ const config: ModuleFederationConfig = {
   name: 'sales_ui',
   exposes: {
     './config': './src/config.tsx',
-    './deals': './src/modules/deals/Main.tsx',
+    './sales': './src/modules/main/Main.tsx',
     './dealsSettings': './src/pages/SettingsPage.tsx',
     './Widgets': './src/widgets/Widgets.tsx',
-    './pos': './src/modules/pos/pos/Main.tsx',
     './posSettings': './src/modules/pos/pos/Settings.tsx',
   },
 

frontend/plugins/sales_ui/src/config.tsx

@@ -6,11 +6,17 @@ import {
 import { lazy, Suspense } from 'react';
 
 const SalesNavigation = lazy(() =>
-  import('./modules/SalesNavigation').then((module) => ({
+  import('./modules/navigation/SalesNavigation').then((module) => ({
     default: module.SalesNavigation,
   })),
 );
 
+const PosOrderNavigation = lazy(() =>
+  import('./modules/navigation/PosOrderNavigation').then((module) => ({
+    default: module.PosOrderNavigation,
+  })),
+);
+
 export const CONFIG = {
   name: 'sales',
   icon: IconBriefcase,
@@ -24,20 +30,28 @@ export const CONFIG = {
         <SalesNavigation />
       </Suspense>
     ),
+    subGroups: () => (
+      <Suspense fallback={<div />}>
+        <PosOrderNavigation />
+      </Suspense>
+    ),
   },
   modules: [
     {
-      name: 'deals',
-      icon: IconSandbox,
-      path: 'deals',
-      hasSettings: true,
+      name: 'sales',
+      icon: IconBriefcase,
+      path: 'sales',
+      hasSettings: false,
+      hasRelationWidget: true,
+      hasFloatingWidget: false,
     },
     {
       name: 'pos',
       icon: IconCashRegister,
       path: 'pos',
-      hasSettings: true,
+      hasSettings: false,
       hasRelationWidget: true,
+      hasFloatingWidget: false,
     },
   ],
 };

frontend/plugins/sales_ui/src/modules/main/Main.tsx

@@ -0,0 +1,37 @@
+import { Navigate, Route, Routes } from 'react-router';
+import { Suspense, lazy } from 'react';
+import { Spinner } from 'erxes-ui/components';
+
+const DealsMain = lazy(() =>
+  import('~/pages/SalesIndexPage').then((module) => ({
+    default: module.SalesIndexPage,
+  })),
+);
+
+const OrdersMain = lazy(() =>
+  import('~/pages/OrdersPage').then((module) => ({
+    default: module.OrdersPage,
+  })),
+);
+
+const PosMain = lazy(() =>
+  import('~/pages/PosIndexPage').then((module) => ({
+    default: module.PosIndexPage,
+  })),
+);
+
+const App = () => {
+  return (
+    <Suspense fallback={<Spinner />}>
+      <Routes>
+        <Route path="/" element={<Navigate to="deals" replace />} />
+        <Route path="/deals" element={<DealsMain />} />
+        <Route path="/pos" element={<Navigate to="orders" replace />} />
+        <Route path="/pos/:posId/orders" element={<OrdersMain />} />
+        <Route path="/pos/:posId" element={<PosMain />} />
+      </Routes>
+    </Suspense>
+  );
+};
+
+export default App;