diff --git a/src/queue-list/lab-tests/lab-tests.component.tsx b/src/queue-list/lab-tests/lab-tests.component.tsx
index 60d57487..5047ca17 100644
--- a/src/queue-list/lab-tests/lab-tests.component.tsx
+++ b/src/queue-list/lab-tests/lab-tests.component.tsx
@@ -59,16 +59,11 @@ const LabTests: React.FC<LabTestsProps> = ({ encounter, queueId }) => {
       },
       actions: {
         content: (
-          <PickLabRequestActionMenu
-            closeModal={() => true}
-            order={item}
-            encounter={encounter}
-            queueId={queueId}
-          />
+          <PickLabRequestActionMenu closeModal={() => true} order={item} />
         ),
       },
     }));
-  }, [encounter, queueId]);
+  }, [encounter]);
 
   if (!encounter) {
     return (
diff --git a/src/queue-list/laboratory-patient-list.component.tsx b/src/queue-list/laboratory-patient-list.component.tsx
index 702caad5..a84c7c86 100644
--- a/src/queue-list/laboratory-patient-list.component.tsx
+++ b/src/queue-list/laboratory-patient-list.component.tsx
@@ -21,6 +21,8 @@ import {
   TableExpandedRow,
   Tile,
   Button,
+  DatePicker,
+  DatePickerInput,
 } from "@carbon/react";
 import { TrashCan } from "@carbon/react/icons";
 
@@ -35,48 +37,34 @@ import {
   useSession,
 } from "@openmrs/esm-framework";
 import styles from "./laboratory-queue.scss";
-import { usePatientQueuesList } from "./laboratory-patient-list.resource";
-import {
-  formatWaitTime,
-  getTagColor,
-  trimVisitNumber,
-} from "../utils/functions";
-import LabTests from "./lab-tests/lab-tests.component";
-import { EmptyState } from "@openmrs/esm-patient-common-lib";
-
-// type FilterProps = {
-//   rowIds: Array<string>;
-//   headers: Array<DataTableHeader>;
-//   cellsById: any;
-//   inputValue: string;
-//   getCellId: (row, key) => string;
-// };
+import { getStatusColor } from "../utils/functions";
+import { Result, useGetOrdersWorklist } from "../work-list/work-list.resource";
+import PickLabRequestActionMenu from "./pick-lab-request-menu.component";
 
 interface LaboratoryPatientListProps {}
 
 interface RejectOrderProps {
-  order: string;
+  order: Result;
 }
 
 const LaboratoryPatientList: React.FC<LaboratoryPatientListProps> = () => {
   const { t } = useTranslation();
-  const session = useSession();
 
-  const { patientQueueEntries, isLoading } = usePatientQueuesList(
-    session?.sessionLocation?.uuid,
-    "pending"
+  const [activatedOnOrAfterDate, setActivatedOnOrAfterDate] = useState("");
+
+  const { workListEntries, isLoading } = useGetOrdersWorklist(
+    activatedOnOrAfterDate,
+    ""
   );
 
   const pageSizes = [10, 20, 30, 40, 50];
-  const [page, setPage] = useState(1);
   const [currentPageSize, setPageSize] = useState(10);
-  const [nextOffSet, setNextOffSet] = useState(0);
 
   const {
     goTo,
-    results: paginatedQueueEntries,
+    results: paginatedWorklistQueueEntries,
     currentPage,
-  } = usePagination(patientQueueEntries, currentPageSize);
+  } = usePagination(workListEntries, currentPageSize);
 
   const RejectOrder: React.FC<RejectOrderProps> = ({ order }) => {
     const launchRejectOrderModal = useCallback(() => {
@@ -94,57 +82,78 @@ const LaboratoryPatientList: React.FC<LaboratoryPatientListProps> = () => {
     );
   };
 
+  // get picked orders
   let columns = [
-    { id: 0, header: t("visitId", "Visit ID"), key: "visitId" },
-    { id: 1, header: t("names", "Names"), key: "names" },
-    { id: 2, header: t("age", "Age"), key: "age" },
-    { id: 3, header: t("orderedFrom", "Ordered from"), key: "orderedFrom" },
-    { id: 4, header: t("waitingTime", "Waiting time"), key: "waitingTime" },
-    { id: 5, header: t("actions", "Actions"), key: "actions" },
+    { id: 0, header: t("date", "Date"), key: "date" },
+
+    { id: 1, header: t("orderNumber", "Order Number"), key: "orderNumber" },
+    {
+      id: 2,
+      header: t("accessionNumber", "Accession Number"),
+      key: "accessionNumber",
+    },
+    { id: 3, header: t("test", "Test"), key: "test" },
+    { id: 4, header: t("action", "Action"), key: "action" },
+    { id: 5, header: t("status", "Status"), key: "status" },
+    { id: 6, header: t("orderer", "Orderer"), key: "orderer" },
+    { id: 7, header: t("orderType", "Order Type"), key: "orderType" },
+    { id: 8, header: t("urgency", "Urgency"), key: "urgency" },
+    { id: 9, header: t("actions", "Actions"), key: "actions" },
   ];
 
   const tableRows = useMemo(() => {
-    return paginatedQueueEntries?.map((entry, index) => ({
-      ...entry,
-      encounter: entry.encounter,
-      visitId: {
-        content: <span>{trimVisitNumber(entry.visitNumber)}</span>,
-      },
-      names: {
-        content: <span>{entry.name}</span>,
-      },
-      age: {
-        content: <span>{age(entry.patientDob)}</span>,
-      },
-      orderedFrom: {
-        content: <span>{entry.locationFromName}</span>,
-      },
-      waitingTime: {
-        content: (
-          <Tag>
-            <span
-              className={styles.statusContainer}
-              style={{ color: `${getTagColor(entry.waitTime)}` }}
-            >
-              {formatWaitTime(entry.waitTime, t)}
-            </span>
-          </Tag>
-        ),
-      },
-      actions: {
-        content: (
-          <>
-            <RejectOrder order={paginatedQueueEntries[index].encounter.uuid} />
-          </>
-        ),
-      },
-    }));
-  }, [paginatedQueueEntries, t]);
+    return paginatedWorklistQueueEntries
+      ?.filter((item) => item.action === "NEW")
+      .map((entry, index) => ({
+        ...entry,
+        id: entry.uuid,
+        date: {
+          content: (
+            <>
+              <span>{formatDate(parseDate(entry.dateActivated))}</span>
+            </>
+          ),
+        },
+        orderNumber: { content: <span>{entry.orderNumber}</span> },
+        accessionNumber: { content: <span>{entry.accessionNumber}</span> },
+        test: { content: <span>{entry.concept.display}</span> },
+        action: { content: <span>{entry.action}</span> },
+        status: {
+          content: (
+            <>
+              <Tag>
+                <span
+                  className={styles.statusContainer}
+                  style={{ color: `${getStatusColor(entry.fulfillerStatus)}` }}
+                >
+                  <span>{entry.fulfillerStatus}</span>
+                </span>
+              </Tag>
+            </>
+          ),
+        },
+        orderer: { content: <span>{entry.orderer.display}</span> },
+        orderType: { content: <span>{entry.orderType.display}</span> },
+        urgency: { content: <span>{entry.urgency}</span> },
+        actions: {
+          content: (
+            <>
+              <PickLabRequestActionMenu
+                order={paginatedWorklistQueueEntries[index]}
+                closeModal={() => true}
+              />
+              <RejectOrder order={paginatedWorklistQueueEntries[index]} />
+            </>
+          ),
+        },
+      }));
+  }, [paginatedWorklistQueueEntries]);
+
   if (isLoading) {
     return <DataTableSkeleton role="progressbar" />;
   }
 
-  if (patientQueueEntries?.length >= 0) {
+  if (paginatedWorklistQueueEntries?.length >= 0) {
     return (
       <div>
         <div className={styles.headerBtnContainer}></div>
@@ -167,6 +176,20 @@ const LaboratoryPatientList: React.FC<LaboratoryPatientListProps> = () => {
                 }}
               >
                 <TableToolbarContent>
+                  <Layer style={{ margin: "5px" }}>
+                    <DatePicker dateFormat="Y-m-d" datePickerType="single">
+                      <DatePickerInput
+                        labelText={""}
+                        id="activatedOnOrAfterDate"
+                        placeholder="YYYY-MM-DD"
+                        onChange={(event) => {
+                          setActivatedOnOrAfterDate(event.target.value);
+                        }}
+                        type="date"
+                        value={activatedOnOrAfterDate}
+                      />
+                    </DatePicker>
+                  </Layer>
                   <Layer>
                     <TableToolbarSearch
                       onChange={onInputChange}
@@ -182,7 +205,6 @@ const LaboratoryPatientList: React.FC<LaboratoryPatientListProps> = () => {
               >
                 <TableHead>
                   <TableRow>
-                    <TableExpandHeader />
                     {headers.map((header) => (
                       <TableHeader {...getHeaderProps({ header })}>
                         {header.header?.content ?? header.header}
@@ -194,31 +216,13 @@ const LaboratoryPatientList: React.FC<LaboratoryPatientListProps> = () => {
                   {rows.map((row, index) => {
                     return (
                       <React.Fragment key={row.id}>
-                        <TableExpandRow {...getRowProps({ row })} key={row.id}>
+                        <TableRow {...getRowProps({ row })} key={row.id}>
                           {row.cells.map((cell) => (
                             <TableCell key={cell.id}>
                               {cell.value?.content ?? cell.value}
                             </TableCell>
                           ))}
-                        </TableExpandRow>
-                        {row.isExpanded ? (
-                          <TableExpandedRow
-                            className={styles.expandedLabQueueVisitRow}
-                            colSpan={headers.length + 2}
-                          >
-                            <>
-                              <LabTests
-                                encounter={patientQueueEntries[index].encounter}
-                                queueId={paginatedQueueEntries[index].uuid}
-                              />
-                            </>
-                          </TableExpandedRow>
-                        ) : (
-                          <TableExpandedRow
-                            className={styles.hiddenRow}
-                            colSpan={headers.length + 2}
-                          />
-                        )}
+                        </TableRow>
                       </React.Fragment>
                     );
                   })}
@@ -244,7 +248,7 @@ const LaboratoryPatientList: React.FC<LaboratoryPatientListProps> = () => {
                 page={currentPage}
                 pageSize={currentPageSize}
                 pageSizes={pageSizes}
-                totalItems={patientQueueEntries?.length}
+                totalItems={workListEntries?.length}
                 className={styles.pagination}
                 onChange={({ pageSize, page }) => {
                   if (pageSize !== currentPageSize) {
diff --git a/src/queue-list/pick-lab-request-menu.component.tsx b/src/queue-list/pick-lab-request-menu.component.tsx
index 079154bd..31f362a4 100644
--- a/src/queue-list/pick-lab-request-menu.component.tsx
+++ b/src/queue-list/pick-lab-request-menu.component.tsx
@@ -8,15 +8,11 @@ import { MappedPatientQueueEntry } from "./laboratory-patient-list.resource";
 import { Encounter, Order } from "../types/patient-queues";
 
 interface PickLabRequestActionMenuProps {
-  queueId: string;
-  encounter: Encounter;
   order: Order;
   closeModal: () => void;
 }
 
 const PickLabRequestActionMenu: React.FC<PickLabRequestActionMenuProps> = ({
-  queueId,
-  encounter,
   order,
 }) => {
   const { t } = useTranslation();
@@ -24,21 +20,18 @@ const PickLabRequestActionMenu: React.FC<PickLabRequestActionMenuProps> = ({
   const launchPickLabRequestQueueModal = useCallback(() => {
     const dispose = showModal("add-to-worklist-dialog", {
       closeModal: () => dispose(),
-      queueId,
-      encounter,
+
       order,
     });
-  }, [encounter, order, queueId]);
+  }, [order]);
 
   return (
-    <Tooltip align="top" label="Pick Lab Request">
-      <Button
-        kind="ghost"
-        onClick={launchPickLabRequestQueueModal}
-        iconDescription={t("pickRequest", "Pick Lab Request ")}
-        renderIcon={(props) => <Notification size={16} {...props} />}
-      ></Button>
-    </Tooltip>
+    <Button
+      kind="ghost"
+      onClick={launchPickLabRequestQueueModal}
+      iconDescription={t("pickRequest", "Pick Lab Request ")}
+      renderIcon={(props) => <Notification size={16} {...props} />}
+    />
   );
 };
 
diff --git a/src/review-list/dialog/review-item.component.tsx b/src/review-list/dialog/review-item.component.tsx
index 763dcfdb..3c3b694e 100644
--- a/src/review-list/dialog/review-item.component.tsx
+++ b/src/review-list/dialog/review-item.component.tsx
@@ -13,6 +13,8 @@ import { useGetEncounterById } from "../../patient-chart/laboratory-item/view-la
 import styles from "../review-list.scss";
 import { GroupMember } from "../../patient-chart/laboratory-order.resource";
 import { useGetConceptById } from "../../patient-chart/results-summary/results-summary.resource";
+import { ApproverOrder } from "./review-item.resource";
+import { showNotification, showToast } from "@openmrs/esm-framework";
 
 interface ReviewItemDialogProps {
   encounterUuid: string;
@@ -50,15 +52,56 @@ const ReviewItem: React.FC<ReviewItemDialogProps> = ({
 
   const [checkedItems, setCheckedItems] = useState({});
 
-  const handleCheckboxChange = (test, groupMembers) => {
+  const handleCheckboxChange = (test, groupMembers, uuid) => {
     setCheckedItems((prevCheckedItems) => ({
       ...prevCheckedItems,
       [test]: {
         groupMembers,
+        uuid,
       },
     }));
   };
 
+  console.info(checkedItems);
+
+  // handle approve
+  const approveOrder = async (e) => {
+    e.preventDefault();
+
+    let uuids = [];
+
+    Object.keys(checkedItems).map((item, index) => {
+      uuids.push(filteredGroupedResults[item].uuid);
+    });
+
+    const payload = {
+      orders: uuids.join(","),
+    };
+
+    ApproverOrder(payload).then(
+      () => {
+        showToast({
+          critical: true,
+          title: t("approveOrder", "Approve Order"),
+          kind: "success",
+          description: t(
+            "successfullyApproved",
+            `You have successfully approved Order `
+          ),
+        });
+        closeModal();
+      },
+      (err) => {
+        showNotification({
+          title: t(`errorApproving order', 'Error Approving a order`),
+          kind: "error",
+          critical: true,
+          description: err?.message,
+        });
+      }
+    );
+  };
+
   // get Units
   const ValueUnits: React.FC<ValueUnitsProps> = ({ conceptUuid }) => {
     const {
@@ -193,7 +236,8 @@ const ReviewItem: React.FC<ReviewItemDialogProps> = ({
                       onChange={() =>
                         handleCheckboxChange(
                           test,
-                          filteredGroupedResults[test].groupMembers
+                          filteredGroupedResults[test].groupMembers,
+                          filteredGroupedResults[test].uuid
                         )
                       }
                       labelText={test}
@@ -228,7 +272,9 @@ const ReviewItem: React.FC<ReviewItemDialogProps> = ({
           <Button kind="secondary" onClick={closeModal}>
             {t("cancel", "Cancel")}
           </Button>
-          <Button type="submit">{t("approveResult", "Approve Result")}</Button>
+          <Button type="submit" onClick={approveOrder}>
+            {t("approveResult", "Approve Result")}
+          </Button>
         </ModalFooter>
       </Form>
     </div>
diff --git a/src/review-list/dialog/review-item.resource.ts b/src/review-list/dialog/review-item.resource.ts
index e69de29b..6e44609f 100644
--- a/src/review-list/dialog/review-item.resource.ts
+++ b/src/review-list/dialog/review-item.resource.ts
@@ -0,0 +1,14 @@
+import { FetchResponse, openmrsFetch, useConfig } from "@openmrs/esm-framework";
+
+export async function ApproverOrder(body: any) {
+  const abortController = new AbortController();
+
+  return openmrsFetch(`/ws/rest/v1/approveorder`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    signal: abortController.signal,
+    body: body,
+  });
+}
diff --git a/src/summary-tiles/laboratory-summary-tiles.component.tsx b/src/summary-tiles/laboratory-summary-tiles.component.tsx
index 788ca427..a99b692c 100644
--- a/src/summary-tiles/laboratory-summary-tiles.component.tsx
+++ b/src/summary-tiles/laboratory-summary-tiles.component.tsx
@@ -12,10 +12,7 @@ const LaboratorySummaryTiles: React.FC = () => {
   const session = useSession();
 
   // get tests ordered
-  const { patientQueueCount } = usePatientQueuesList(
-    session?.sessionLocation?.uuid,
-    "pending"
-  );
+  const { count: testOrderedCount } = useLabTestsStats("");
 
   // get worklists
   const { count: worklistCount } = useLabTestsStats("IN_PROGRESS");
@@ -30,7 +27,7 @@ const LaboratorySummaryTiles: React.FC = () => {
       <div className={styles.cardContainer}>
         <SummaryTile
           label={t("orders", "Orders")}
-          value={patientQueueCount}
+          value={testOrderedCount}
           headerLabel={t("testsOrdered", "Tests ordered")}
         />
         <SummaryTile
diff --git a/src/work-list/work-list.component.tsx b/src/work-list/work-list.component.tsx
index e08a3d03..117894ff 100644
--- a/src/work-list/work-list.component.tsx
+++ b/src/work-list/work-list.component.tsx
@@ -72,9 +72,7 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
   );
 
   const pageSizes = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50];
-  const [page, setPage] = useState(1);
   const [currentPageSize, setPageSize] = useState(10);
-  const [nextOffSet, setNextOffSet] = useState(0);
 
   const {
     goTo,
@@ -136,49 +134,51 @@ const WorkList: React.FC<WorklistProps> = ({ fulfillerStatus }) => {
   };
 
   const tableRows = useMemo(() => {
-    return paginatedWorkListEntries?.map((entry, index) => ({
-      ...entry,
-      id: entry.uuid,
-      date: {
-        content: (
-          <>
-            <span>{formatDate(parseDate(entry.dateActivated))}</span>
-          </>
-        ),
-      },
-      orderNumber: { content: <span>{entry.orderNumber}</span> },
-      accessionNumber: { content: <span>{entry.accessionNumber}</span> },
-      test: { content: <span>{entry.concept.display}</span> },
-      action: { content: <span>{entry.action}</span> },
-      status: {
-        content: (
-          <>
-            <Tag>
-              <span
-                className={styles.statusContainer}
-                style={{ color: `${getStatusColor(entry.fulfillerStatus)}` }}
-              >
-                <span>{entry.fulfillerStatus}</span>
-              </span>
-            </Tag>
-          </>
-        ),
-      },
-      orderer: { content: <span>{entry.orderer.display}</span> },
-      orderType: { content: <span>{entry.orderType.display}</span> },
-      urgency: { content: <span>{entry.urgency}</span> },
-      actions: {
-        content: (
-          <>
-            <ResultsOrder
-              patientUuid={entry.patient.uuid}
-              order={paginatedWorkListEntries[index]}
-            />
-            <RejectOrder order={paginatedWorkListEntries[index]} />
-          </>
-        ),
-      },
-    }));
+    return paginatedWorkListEntries
+      ?.filter((item) => item.action === "REVISE")
+      .map((entry, index) => ({
+        ...entry,
+        id: entry.uuid,
+        date: {
+          content: (
+            <>
+              <span>{formatDate(parseDate(entry.dateActivated))}</span>
+            </>
+          ),
+        },
+        orderNumber: { content: <span>{entry.orderNumber}</span> },
+        accessionNumber: { content: <span>{entry.accessionNumber}</span> },
+        test: { content: <span>{entry.concept.display}</span> },
+        action: { content: <span>{entry.action}</span> },
+        status: {
+          content: (
+            <>
+              <Tag>
+                <span
+                  className={styles.statusContainer}
+                  style={{ color: `${getStatusColor(entry.fulfillerStatus)}` }}
+                >
+                  <span>{entry.fulfillerStatus}</span>
+                </span>
+              </Tag>
+            </>
+          ),
+        },
+        orderer: { content: <span>{entry.orderer.display}</span> },
+        orderType: { content: <span>{entry.orderType.display}</span> },
+        urgency: { content: <span>{entry.urgency}</span> },
+        actions: {
+          content: (
+            <>
+              <ResultsOrder
+                patientUuid={entry.patient.uuid}
+                order={paginatedWorkListEntries[index]}
+              />
+              <RejectOrder order={paginatedWorkListEntries[index]} />
+            </>
+          ),
+        },
+      }));
   }, [ResultsOrder, paginatedWorkListEntries]);
 
   if (isLoading) {