Skip to content

Phase 6 - Kitchen Inventory Management: Create Suppliers section for Orders page#5106

Open
Vikas-8055 wants to merge 6 commits intodevelopmentfrom
vikas-suppliers-orders-page
Open

Phase 6 - Kitchen Inventory Management: Create Suppliers section for Orders page#5106
Vikas-8055 wants to merge 6 commits intodevelopmentfrom
vikas-suppliers-orders-page

Conversation

@Vikas-8055
Copy link
Copy Markdown

Description

(O)(PRIORITY High) Bhanu Anish: Phase 6 - Kitchen Inventory Management - Create a Suppliers section of orders page.
Implements the Suppliers section for the Ordering & Procurement page at /kitchenandinventory/orders.

Main changes explained:

  • Created OrdersPage.jsx with Suppliers grid, Purchase Orders tab, and Surplus Opportunities tab
  • Created OrdersPage.module.css with full styling for light and dark mode
  • Supplier profile cards display name, contact, email, phone, avg delivery days, total orders, reliability %, and specialty tags
  • Three action buttons per supplier: View Pricing History, Edit Supplier Info, New Order
  • New Order button anchors to the external supplier website URL stored in the database
  • Purchase Orders tab with order cards showing status (Ordered/Received/Stocked), items, and totals
  • Stat cards: Pending Orders, Awaiting Stock, Monthly Spend, Surplus Savings
  • Responsive design for laptop and tablet
  • CSS modules for scoped styling

How to test:

  1. Check into current branch
  2. Do npm install and npm start to run this PR locally
  3. Clear site data/cache
  4. Log as admin user
  5. Navigate to /kitchenandinventory/orders
  6. Verify Suppliers tab — all 4 supplier cards render with details
  7. Click New Order — verify it opens external website
  8. Check Purchase Orders tab — verify order cards and status badges
  9. Toggle dark mode — verify all elements are readable
  10. Resize browser to tablet width — verify responsive layout

Note:

This PR implements the frontend Suppliers section with mock data. Backend integration will follow in a separate PR.

kanishkagarwal6101 and others added 6 commits November 19, 2025 16:53
- Create OrdersPage component with 4 summary cards
- Implement PurchaseOrders section with search functionality
- Add order status tags (Ordered, Received, Stocked)
- Add action buttons (Mark as Received, Mark as Stocked)
- Implement dark mode support using CSS modules
- Add route /kitchenandinventory/orders

Implements Deliverable 2 - Phase 6 Kitchen Inventory Management
@netlify
Copy link
Copy Markdown

netlify bot commented Apr 5, 2026

Deploy Preview for highestgoodnetwork-dev failed.

Name Link
🔨 Latest commit 5f9bc4c
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69d2d0fef227790008f8f9fe

@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud bot commented Apr 5, 2026

@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Apr 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants