Project

General

Profile

Edit Copy Actions
Copy link

Feature #4957

closed

efactored MyOrder Module – Component Separation, UI Enhancement & Code Optimization

Added by ghazala shamim 25 days ago. Updated 25 days ago.

Status:
Closed
Priority:
Normal
Assignee:
ghazala shamim
Target version:
-
Start date:
11/14/2025
Due date:
11/14/2025
% Done:

100%

Estimated time:
8:00 h
Spent time:
8:00 h
Quote

Description

Split the large MyOrder component into multiple smaller, reusable components:

OrdersList component created

PreOrdersList component created

SalesList component created

SaleDetailsDialog extracted into separate component

Implemented a parent MyOrder component to:

Fetch all transaction data once

Manage tab switching without route changes

Maintain selected dialog state

Pass required data + callbacks to child components

Removed old path-based tab navigation (/orders, /preorders, /sales)

Added clean and modern sub-menu UI (pill-style tabs with count badges)

Improved component readability by:

Simplifying props

Removing duplicate logic

Using cleaner variable names

Using smaller functions for better maintainability

Implemented consistent and minimal UI across all list sections

Ensured all ListCard actions (View, Rebill) interact correctly with the parent

Cleaned up unused code, old comments, and unused imports

Improved folder structure under MyOrder/components for better scalability

Add

Subtasks

Add

Related issues

Edit Copy Actions
Copy link

Also available in: Atom PDF