Revert work in progress for #8026 – accidentally merged (#8240)

Co-authored-by: Rua Haszard <[email protected]>
Automattic · Mar 28, 2024 · 3a259bb · 3a259bb
1 parent e60152d
commit 3a259bb
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 39 deletions.
diff --git a/client/deposits/list/index.tsx b/client/deposits/list/index.tsx
@@ -10,8 +10,7 @@ import { useMemo } from '@wordpress/element';
 import { dateI18n } from '@wordpress/date';
 import { __, _n, sprintf } from '@wordpress/i18n';
 import moment from 'moment';
-import { Card, CardHeader } from '@wordpress/components';
-import { Table, Link } from '@woocommerce/components';
+import { TableCard, Link } from '@woocommerce/components';
 import { onQueryChange, getQuery } from '@woocommerce/navigation';
 import {
 	downloadCSVFile,
@@ -30,7 +29,7 @@ import { displayType, displayStatus } from '../strings';
 import { formatExplicitCurrency, formatExportAmount } from 'utils/currency';
 import DetailsLink, { getDetailsURL } from 'components/details-link';
 import ClickableCell from 'components/clickable-cell';
-import InlineNotice from 'components/inline-notice';
+import Page from '../../components/page';
 import DepositsFilters from '../filters';
 import DownloadButton from 'components/download-button';
 import { getDepositsCSV } from 'wcpay/data/deposits/resolvers';
@@ -361,41 +360,29 @@ export const DepositsList = (): JSX.Element => {
 	};
 
 	return (
-		<>
-			<InlineNotice
-				status="info"
-				icon
-				className="test"
-				isDismissible={ true }
-			>
-				Test
-			</InlineNotice>
+		<Page>
 			<DepositsFilters storeCurrencies={ storeCurrencies } />
-			<Card className="wcpay-deposits-list woocommerce-report-table">
-				<CardHeader>
-					{ __( 'Deposit history', 'woocommerce-payments' ) }
-				</CardHeader>
-
-				<Table
-					isLoading={ isLoading }
-					rowsPerPage={ parseInt( getQuery().per_page ?? '' ) || 25 }
-					totalRows={ totalRows }
-					headers={ columns }
-					rows={ rows }
-					summary={ summary }
-					query={ getQuery() }
-					onQueryChange={ onQueryChange }
-					actions={ [
-						downloadable && (
-							<DownloadButton
-								key="download"
-								isDisabled={ isLoading || isDownloading }
-								onClick={ onDownload }
-							/>
-						),
-					] }
-				/>
-			</Card>
+			<TableCard
+				className="wcpay-deposits-list woocommerce-report-table"
+				title={ __( 'Deposit history', 'woocommerce-payments' ) }
+				isLoading={ isLoading }
+				rowsPerPage={ parseInt( getQuery().per_page ?? '' ) || 25 }
+				totalRows={ totalRows }
+				headers={ columns }
+				rows={ rows }
+				summary={ summary }
+				query={ getQuery() }
+				onQueryChange={ onQueryChange }
+				actions={ [
+					downloadable && (
+						<DownloadButton
+							key="download"
+							isDisabled={ isLoading || isDownloading }
+							onClick={ onDownload }
+						/>
+					),
+				] }
+			/>
 			{ ! isDefaultSiteLanguage() &&
 				! isExportModalDismissed() &&
 				isCSVExportModalOpen && (
@@ -406,7 +393,7 @@ export const DepositsList = (): JSX.Element => {
 						exportType={ 'deposits' }
 					/>
 				) }
-		</>
+		</Page>
 	);
 };
 

diff --git a/client/transactions/declarations.d.ts b/client/transactions/declarations.d.ts
@@ -101,7 +101,6 @@ declare module '@woocommerce/components' {
 		showMenu?: boolean;
 	}
 	const TableCard: ( props: TableCardProps ) => JSX.Element;
-	const Table: ( props: TableCardProps ) => JSX.Element;
 }
 
 declare module '@woocommerce/navigation' {