-
- {prettyContactName}
-
-
-
- {prettyAmount}
-
-
-
-
- {prettyCreatedAt}
-
-
- {prettyStatus}
-
-
-
- );
-};
-
-export const invoicesListItemClassNames = {
- middleContentContainer: "inv-list-item-middle-content-container",
- amountContainer: "inv-list-item-amount-container",
- amountText: "inv-list-item-amount-text",
- rightContentContainer: "inv-list-item-right-content-container",
-};
-
-const StyledInvoicesListItem = styled(CoreListItemLayout)(({ theme }) => ({
- // On mobile, shrink the avatar and its container to 2.5rem wide
- [`& .${coreListItemLayoutClassNames.leftContentContainer}`]: {
- ...(theme.variables.isMobilePageLayout && {
- width: "2.5rem !important",
- minWidth: "2.5rem !important",
- maxWidth: "2.5rem !important",
- }),
-
- [`& .${coreListItemLayoutClassNames.avatar}`]: {
- ...(theme.variables.isMobilePageLayout && {
- height: "2.5rem !important",
- width: "2.5rem !important",
- }),
- },
- },
-
- // INVOICE LIST ITEM CHILDREN
-
- [`& .${coreListItemLayoutClassNames.childrenContentContainer}`]: {
- [`& > .${invoicesListItemClassNames.middleContentContainer}`]: {
- maxHeight: "2.5rem", // ensures no 3rd line of text is partially visible
- justifyContent: "center !important",
-
- "& > .MuiTypography-root": {
- whiteSpace: "normal",
- },
- },
-
- [`& > .${invoicesListItemClassNames.amountContainer}`]: {
- width: "4rem",
- flexShrink: 0,
- textAlign: "right",
- marginLeft: "auto !important",
- justifyContent: "center !important",
- },
-
- [`& > .${invoicesListItemClassNames.rightContentContainer}`]: {
- flexShrink: 0,
- ...(theme.variables.isMobilePageLayout
- ? {
- width: "4rem !important",
- minWidth: "4rem !important",
- maxWidth: "4rem !important",
- }
- : {
- width: "4.5rem !important",
- minWidth: "4.5rem !important",
- maxWidth: "4.5rem !important",
- }),
- },
- },
-}));
-
-export type InvoicesListItemProps = {
- listName?: "Inbox" | "Sent";
- item?: Invoice;
- onClick?: CoreListItemLayoutProps["onClick"];
-};
diff --git a/src/pages/Invoices/ListView/ListView.tsx b/src/pages/Invoices/ListView/ListView.tsx
deleted file mode 100644
index 3d18fc54..00000000
--- a/src/pages/Invoices/ListView/ListView.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { useQuery } from "@apollo/client/react/hooks";
-import { CreateItemButton } from "@components/Buttons/CreateItemButton";
-import { EmptyListFallback, type EmptyListFallbackProps } from "@components/HelpInfo";
-import { FileInvoiceDollarIcon } from "@components/Icons/FileInvoiceDollarIcon";
-import { Error } from "@components/Indicators/Error";
-import { Loading } from "@components/Indicators/Loading";
-import { QUERIES } from "@graphql/queries";
-import { CoreItemsListView, type ListViewRenderItemFn } from "@layouts/CoreItemsListView";
-import { InvoicesListItem } from "./ListItem";
-import { invoiceTableProps } from "./tableProps";
-
-export const InvoicesListView = () => {
- const { data, loading, error } = useQuery(QUERIES.MY_INVOICES);
-
- return loading ? (
-