diff --git a/packages/manager/apps/pci-billing/src/components/consumption/ArchiveStorageList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/ArchiveStorageList.component.tsx index c52fb527b9cd..0b5b1ab3bd98 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/ArchiveStorageList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/ArchiveStorageList.component.tsx @@ -128,7 +128,6 @@ export default function ArchiveStorageList({ totalItems={paginatedStorages.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/components/consumption/ColdArchiveList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/ColdArchiveList.component.tsx index 03924ffc5ea4..12be7757de75 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/ColdArchiveList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/ColdArchiveList.component.tsx @@ -119,7 +119,6 @@ export default function ColdArchiveList({ totalItems={paginatedColdArchives.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/components/consumption/InstanceList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/InstanceList.component.tsx index bcd16c2ba656..f594dbbcaa87 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/InstanceList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/InstanceList.component.tsx @@ -292,7 +292,6 @@ export default function InstanceList({ totalItems={instanceConsumptionDetails.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/components/consumption/ObjectStorageList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/ObjectStorageList.component.tsx index 2006b28b395e..ef287a5d4598 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/ObjectStorageList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/ObjectStorageList.component.tsx @@ -103,7 +103,6 @@ export default function ObjectStorageList({ totalItems={paginatedStorages.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/components/consumption/OutgoingTrafficList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/OutgoingTrafficList.component.tsx index 742834055f7e..91328d50aad3 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/OutgoingTrafficList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/OutgoingTrafficList.component.tsx @@ -102,7 +102,6 @@ export default function OutgoingTrafficList({ totalItems={paginatedInstanceBandWidths.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/components/consumption/ResourceUsageList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/ResourceUsageList.component.tsx index 97c021df6520..b66582a1cdc5 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/ResourceUsageList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/ResourceUsageList.component.tsx @@ -101,7 +101,6 @@ export default function ResourceUsageList({ totalItems={paginatedResourcesUsage.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/components/consumption/SnapshotList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/SnapshotList.component.tsx index d237eb1b04d8..256ed1a11c24 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/SnapshotList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/SnapshotList.component.tsx @@ -34,12 +34,10 @@ export default function SnapshotList({ }, )}`; - const paginatedSnapshots = useMemo(() => { - const sortedSnapshots = snapshots?.sort((a, b) => - a.region.localeCompare(b.region), - ); - return paginateResults(sortedSnapshots || [], pagination); - }, [snapshots, pagination, setPagination]); + const paginatedSnapshots = useMemo( + () => paginateResults(snapshots || [], pagination), + [snapshots, pagination, setPagination], + ); const columns = [ { @@ -85,7 +83,6 @@ export default function SnapshotList({ totalItems={paginatedSnapshots.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/components/consumption/VolumeList.component.tsx b/packages/manager/apps/pci-billing/src/components/consumption/VolumeList.component.tsx index 1f0ec8b19015..896d76605442 100644 --- a/packages/manager/apps/pci-billing/src/components/consumption/VolumeList.component.tsx +++ b/packages/manager/apps/pci-billing/src/components/consumption/VolumeList.component.tsx @@ -158,7 +158,6 @@ export default function VolumeList({ volumes }: Readonly) { totalItems={paginatedVolumes.totalRows} pagination={pagination} onPaginationChange={setPagination} - className="overflow-x-visible" /> ); diff --git a/packages/manager/apps/pci-billing/src/pages/billing/consumption/Consumption.page.tsx b/packages/manager/apps/pci-billing/src/pages/billing/consumption/Consumption.page.tsx index bb061b41ae69..13279503b8ee 100644 --- a/packages/manager/apps/pci-billing/src/pages/billing/consumption/Consumption.page.tsx +++ b/packages/manager/apps/pci-billing/src/pages/billing/consumption/Consumption.page.tsx @@ -33,7 +33,7 @@ export default function Consumption() { const { data: consumption, isPending } = useGeTCurrentUsage(projectId); - const isTrustedZone = availability && availability[TRUSTED_ZONE]; + const isTrustedZone = availability?.[TRUSTED_ZONE]; const monthlyTotal = `${consumption?.totals?.monthly?.total?.toFixed(2)} ${ currency.symbol diff --git a/packages/manager/apps/pci-billing/src/pages/billing/history/History.page.tsx b/packages/manager/apps/pci-billing/src/pages/billing/history/History.page.tsx index dd5256709ae6..b170f57c446c 100644 --- a/packages/manager/apps/pci-billing/src/pages/billing/history/History.page.tsx +++ b/packages/manager/apps/pci-billing/src/pages/billing/history/History.page.tsx @@ -47,80 +47,78 @@ export default function History() { TRUSTED_ZONE, ]); - const isTrustedZone = availability && availability[TRUSTED_ZONE]; - const isPostPaidUsageBilling = - availability && availability[PCI_FEATURES_BILLING_POST_PAID]; + const isTrustedZone = availability?.[TRUSTED_ZONE]; + const isPostPaidUsageBilling = availability?.[PCI_FEATURES_BILLING_POST_PAID]; return (
- <> - {isPending ? ( - + ) : ( + <> + - ) : ( - <> - -
- -
- - {t( - isPostPaidUsageBilling - ? 'cpbhd_monthly_post_paid_header' - : 'cpbhd_monthly_header', - { - ...translationValues, - }, - )} - +
+ +
+ + {t( + isPostPaidUsageBilling + ? 'cpbhd_monthly_post_paid_header' + : 'cpbhd_monthly_header', + { + ...translationValues, + }, + )} + - -
-
+ +
+ - -
- - {t('cpbhd_hourly_header', { ...translationValues })} - + +
+ + {t('cpbhd_hourly_header', { ...translationValues })} + - -
-
-
- - - )} - + +
+
+
+ + + )}
); }