fix: Inventory OAS

apps/backend/src/api/openapi/vendor/order.ts

@@ -333,7 +333,6 @@
  *     format: date-time
  *     title: updated_at
  *     description: The date the sales channel was updated.
- *   deleted_at:
  */
 
 /**

apps/backend/src/api/vendor/inventory-items/[id]/location-levels/[location_id]/route.ts

@@ -18,7 +18,7 @@ import { VendorUpdateInventoryLevel } from '../../../validators'
  *     schema:
  *       type: string
  *   - in: path
- *     name: locationId
+ *     name: location_id
  *     required: true
  *     description: The ID of the Stock Location.
  *     schema:
@@ -85,7 +85,7 @@ export const POST = async (
  *     schema:
  *       type: string
  *   - in: path
- *     name: locationId
+ *     name: location_id
  *     required: true
  *     description: The ID of the Stock Location.
  *     schema:

apps/backend/src/api/vendor/inventory-items/[id]/location-levels/route.ts

@@ -46,7 +46,7 @@ export const GET = async (
 }
 
 /**
- * @oas [post] /vendor/inventory-items/{id}/location-levels/{locationId}
+ * @oas [post] /vendor/inventory-items/{id}/location-levels
  * operationId: "VendorCreateInventoryLevel"
  * summary: "Create inventory level"
  * description: "Creates inventory level of the InventoryItem in the specified location"

apps/backend/src/api/vendor/inventory-items/[id]/route.ts

@@ -60,12 +60,6 @@ export const GET = async (
  *     description: The ID of the InventoryItem.
  *     schema:
  *       type: string
- *   - in: path
- *     name: locationId
- *     required: true
- *     description: The ID of the Stock Location.
- *     schema:
- *       type: string
  * requestBody:
  *   content:
  *     application/json:

apps/vendor/src/app/router/ui/app-router.tsx

@@ -2,9 +2,9 @@ import { Redirect, Route, Switch } from 'wouter'
 import { ProtectedRoute } from './protected-route'
 import { RegisterPageAsync } from '@/pages/register'
 import { LoginPageAsync } from '@/pages/login'
-import { Suspense } from 'react'
-import { SidebarTrigger } from '@/shared/ui'
+import { PropsWithChildren, Suspense } from 'react'
 import { AppSidebarAsync } from '@/widgets/app-sidebar'
+import { OrdersPageAsync } from '@/pages/orders'
 
 export const AppRouter = () => {
   return (
@@ -23,17 +23,16 @@ export const AppRouter = () => {
 
       {/* Protected dashboard routes */}
       <ProtectedRoute path="/dashboard" nest>
-        <Suspense fallback={<div>Loading...</div>}>
-          <AppSidebarAsync />
-        </Suspense>
-        <SidebarTrigger className="ml-2" />
-        <Switch>
-          <Route path="/orders">
-            <Orders />
-            <Route path="/:id" component={OrderDetails} />
-          </Route>
-          <Route>404, Not Found!</Route>
-        </Switch>
+        <Shell>
+          <Switch>
+            <Route path="/orders">
+              <Suspense fallback={<div>Loading...</div>}>
+                <OrdersPageAsync />
+              </Suspense>
+            </Route>
+            <Route>404, Not Found!</Route>
+          </Switch>
+        </Shell>
       </ProtectedRoute>
 
       {/* Root redirect */}
@@ -47,10 +46,15 @@ export const AppRouter = () => {
   )
 }
 
-const Orders = () => {
-  return <div>Orders</div>
-}
-
-const OrderDetails = () => {
-  return <div>OrderDetails</div>
+const Shell = ({ children }: PropsWithChildren) => {
+  return (
+    <div className="flex h-screen items-start overflow-hidden w-full">
+      <Suspense fallback={<div>Loading...</div>}>
+        <AppSidebarAsync />
+      </Suspense>
+      <div className="flex w-full max-w-[1600px] flex-col gap-y-2 p-10">
+        {children}
+      </div>
+    </div>
+  )
 }

apps/vendor/src/entities/auth/index.ts

@@ -1 +1 @@
-export * from './api'
+export * from './model'

apps/vendor/src/entities/order/index.ts

@@ -0,0 +1 @@
+export * from './ui'

apps/vendor/src/entities/order/model.ts

@@ -0,0 +1,15 @@
+import { queryKeysFactory } from '@/shared/lib'
+import { useQuery } from '@tanstack/react-query'
+
+const ORDER_QUERY_KEY = 'order'
+export const orderQueryKeys = queryKeysFactory(ORDER_QUERY_KEY)
+
+export const useOrders = () => {
+  const { data, ...other } = useQuery({
+    queryKey: orderQueryKeys.details(),
+    queryFn: () => vendorGetOrd().then((res) => res.data),
+    retry: false
+  })
+
+  return { ...data, ...other }
+}

apps/vendor/src/entities/order/ui/index.ts

@@ -0,0 +1 @@
+export * from './order-table'

apps/vendor/src/entities/order/ui/order-table.tsx

@@ -0,0 +1,72 @@
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from '@/shared/ui'
+
+const orders = [
+  {
+    display_id: 123,
+    customer: 'John Doe',
+    products: ['Product 1', 'Product 2', 'Product 3'],
+    status: 'active',
+    date: new Date(),
+    revenue: 250
+  },
+  {
+    display_id: 123,
+    customer: 'John Doe',
+    products: ['Product 1', 'Product 2', 'Product 3'],
+    status: 'active',
+    date: new Date(),
+    revenue: 250
+  },
+  {
+    display_id: 123,
+    customer: 'John Doe',
+    products: ['Product 1', 'Product 2', 'Product 3'],
+    status: 'active',
+    date: new Date(),
+    revenue: 250
+  },
+  {
+    display_id: 123,
+    customer: 'John Doe',
+    products: ['Product 1', 'Product 2', 'Product 3'],
+    status: 'active',
+    date: new Date(),
+    revenue: 250
+  }
+]
+
+export const OrderTable = () => {
+  return (
+    <Table>
+      <TableHeader>
+        <TableRow>
+          <TableHead className="w-[100px]">#</TableHead>
+          <TableHead>Customer</TableHead>
+          <TableHead>Products</TableHead>
+          <TableHead>Status</TableHead>
+          <TableHead>Date</TableHead>
+          <TableHead className="text-right">Revenue</TableHead>
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {orders.map((order) => (
+          <TableRow key={order.display_id}>
+            <TableCell className="font-medium">{order.display_id}</TableCell>
+            <TableCell>{order.customer}</TableCell>
+            <TableCell>{order.products.join(', ')}</TableCell>
+            <TableCell>{order.status}</TableCell>
+            <TableCell>{order.date.toLocaleDateString()}</TableCell>
+            <TableCell className="text-right">{order.revenue}</TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  )
+}

apps/vendor/src/entities/seller/index.ts

@@ -1 +1 @@
-export * from './api'
+export * from './model'

apps/vendor/src/pages/login/ui.tsx

@@ -41,10 +41,19 @@ const LoginPage = () => {
   })
 
   async function onSubmit({ email, password }: z.infer<typeof schema>) {
-    const { token } = await login({
-      email,
-      password
-    })
+    const { token } = await login(
+      {
+        email,
+        password
+      },
+      {
+        onError: (error) => {
+          toast.error('Error occurred while logging in', {
+            description: error.message
+          })
+        }
+      }
+    )
 
     await createSession(
       { token },

apps/vendor/src/pages/orders/index.ts

@@ -0,0 +1 @@
+export * from './ui.async'

apps/vendor/src/pages/orders/ui.async.ts

@@ -0,0 +1,3 @@
+import { lazy } from 'react'
+
+export const OrdersPageAsync = lazy(() => import('./ui'))

apps/vendor/src/pages/orders/ui.tsx

@@ -0,0 +1,13 @@
+import { OrderTable } from '@/entities/order'
+import { Text } from '@/shared/ui'
+
+export default function OrdersPage() {
+  return (
+    <>
+      <Text size="2xlarge" weight="plus">
+        Orders
+      </Text>
+      <OrderTable />
+    </>
+  )
+}

apps/vendor/src/shared/ui/text.tsx

@@ -10,7 +10,8 @@ const textVariants = cva({
       small: 'text-sm',
       base: 'text-base',
       large: 'text-lg',
-      xlarge: 'text-xl'
+      xlarge: 'text-xl',
+      '2xlarge': 'text-2xl'
     },
     weight: {
       regular: 'font-normal',