Review expenses fix

frontend/app/expense-tracker/ReviewExpenses.tsx

@@ -26,7 +26,7 @@ export default function ReviewExpenses({
                 <div className="flex items-center justify-between">
                     <div className="">
                         <h2 className="text-[24px] text-nowrap font-bold">Review Expenses</h2>
-                        <p className="text-[15px] text-nowrap text-charcoal">Expenses from your current claim</p>
+                        <p className="text-[15px] text-nowrap text-charcoal">Track Disaster Related Expenses</p>
                     </div>
                     <Button
                         className="w-[35px] h-[35px] bg-[var(--slate)] self-start"

frontend/app/expense-tracker/page.tsx

@@ -8,7 +8,6 @@ import NetDisasterExpense, { NetDisasterExpenseNoData } from "@/components/dashb
 import { getDashboardBannerData } from "@/api/dashboard";
 import { useQuery } from "@tanstack/react-query";
 import ReviewExpenses from "./ReviewExpenses";
-import { getPurchaseLineItemsFromClaim } from "@/api/claim";
 import { PurchaseLineItemType } from "@/types/purchase";
 import { companyHasData } from "@/api/company";
 import { GoSync } from "react-icons/go";
@@ -31,19 +30,32 @@ export default function ExpenseTracker() {
         queryFn: getDashboardBannerData,
     });
 
-    let claimId = "";
-    if (bannerData && bannerData.status === "has-claim" && bannerData.claim) {
-        // If claim is an array, use [0] to get the first claim
-        claimId = bannerData.claim.id;
-    }
-
-    const purchaseLineItemsConfirmed = useQuery({
-        queryKey: ["purchaseLineItems-for-company", claimId],
-        queryFn: () => getPurchaseLineItemsFromClaim({ claimId }),
+    const exExpenses = useFetchPurchases({
+        pageNumber: 0,
+        resultsPerPage: 100,
+        type: PurchaseLineItemType.EXTRANEOUS,
+    });
+    const typicalExpenses = useFetchPurchases({
+        pageNumber: 0,
+        resultsPerPage: 100,
+        type: PurchaseLineItemType.TYPICAL,
     });
+    const exExpensesLineItems =
+        exExpenses.data?.purchases
+            ?.flatMap((purchase) => purchase.lineItems)
+            .filter((lineItem) => {
+                return lineItem.type === "extraneous";
+            }) ?? [];
+    const typicalExpensesLineItems =
+        typicalExpenses.data?.purchases
+            ?.flatMap((purchase) => purchase.lineItems)
+            .filter((lineItem) => {
+                return lineItem.type === "typical";
+            }) ?? [];
 
-    const expenses = purchaseLineItemsConfirmed.data
-        ? purchaseLineItemsConfirmed.data.map((purchase) => ({
+    const lineItems = [...exExpensesLineItems, ...typicalExpensesLineItems];
+    const expenses = lineItems
+        ? lineItems.map((purchase) => ({
               name: purchase.description,
               amount: purchase.amountCents / 100.0, // convert cents to dollars
           }))