Automattic · mgascam · Jan 14, 2025 · Jan 10, 2025 · Jan 10, 2025 · Jan 10, 2025
diff --git a/changelog/update-10021-remove-dateformatnotice b/changelog/update-10021-remove-dateformatnotice
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Remove date format notice across all admin pages.
diff --git a/client/capital/index.tsx b/client/capital/index.tsx
@@ -25,7 +25,6 @@ import { useLoans } from 'wcpay/data';
 import { getAdminUrl } from 'wcpay/utils';
 import './style.scss';
 import { formatDateTimeFromString } from 'wcpay/utils/date-time';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
 
 const columns = [
 	{
@@ -210,7 +209,6 @@ const CapitalPage = (): JSX.Element => {
 
 	return (
 		<Page>
-			<DateFormatNotice />
 			<TestModeNotice currentPage="loans" />
 
 			{ wcpaySettings.accountLoans.has_active_loan && (

diff --git a/client/capital/test/__snapshots__/index.test.tsx.snap b/client/capital/test/__snapshots__/index.test.tsx.snap
@@ -5,54 +5,6 @@ exports[`CapitalPage renders the TableCard component with loan data 1`] = `
   <div
     class=" woocommerce-payments-page"
   >
-    <div
-      class="date-format-notice wcpay-banner-notice is-info"
-    >
-      <svg
-        aria-hidden="true"
-        class="wcpay-banner-notice__icon"
-        focusable="false"
-        height="24"
-        viewBox="0 0 24 24"
-        width="24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
-        />
-      </svg>
-      <div
-        class="wcpay-banner-notice__content"
-      >
-        The date and time formats now match your preferences. You can update them anytime in the 
-        <a
-          data-link-type="external"
-          href="/wp-admin/options-general.php"
-        >
-          settings
-        </a>
-        .
-      </div>
-      <button
-        aria-label="Dismiss this notice"
-        class="components-button wcpay-banner-notice__dismiss has-icon"
-        type="button"
-      >
-        <svg
-          class="gridicon gridicons-cross-small"
-          height="24"
-          viewBox="0 0 24 24"
-          width="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <g>
-            <path
-              d="M17.705 7.705l-1.41-1.41L12 10.59 7.705 6.295l-1.41 1.41L10.59 12l-4.295 4.295 1.41 1.41L12 13.41l4.295 4.295 1.41-1.41L13.41 12l4.295-4.295z"
-            />
-          </g>
-        </svg>
-      </button>
-    </div>
     <div
       class="wcpay-banner-notice is-warning"
     >

diff --git a/client/components/date-format-notice/index.tsx b/client/components/date-format-notice/index.tsx
diff --git a/client/components/date-format-notice/style.scss b/client/components/date-format-notice/style.scss
diff --git a/client/deposits/details/index.tsx b/client/deposits/details/index.tsx
@@ -39,7 +39,6 @@ import {
 import { depositStatusLabels } from '../strings';
 import './style.scss';
 import { formatDateTimeFromString } from 'wcpay/utils/date-time';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
 
 /**
  * Renders the deposit status indicator UI, re-purposing the OrderStatus component from @woocommerce/components.
@@ -242,7 +241,6 @@ export const DepositDetails: React.FC< DepositDetailsProps > = ( {
 
 	return (
 		<Page>
-			<DateFormatNotice />
 			<TestModeNotice currentPage="deposits" isDetailsView={ true } />
 			<ErrorBoundary>
 				{ isLoading ? (

diff --git a/client/deposits/index.tsx b/client/deposits/index.tsx
@@ -22,7 +22,6 @@ import { useSettings } from 'wcpay/data';
 import DepositsList from './list';
 import { hasAutomaticScheduledDeposits } from 'wcpay/deposits/utils';
 import { recordEvent } from 'wcpay/tracks';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
 
 const useNextDepositNoticeState = () => {
 	const { updateOptions } = useDispatch( 'wc/admin/options' );
@@ -149,7 +148,6 @@ const DepositsPage: React.FC = () => {
 
 	return (
 		<Page>
-			<DateFormatNotice />
 			<TestModeNotice currentPage="deposits" />
 			<NextDepositNotice />
 			<DepositFailureNotice />

diff --git a/client/disputes/index.tsx b/client/disputes/index.tsx
@@ -44,7 +44,6 @@ import { getDisputesCSV } from 'wcpay/data/disputes/resolvers';
 import { applyThousandSeparator } from 'wcpay/utils';
 import { useSettings } from 'wcpay/data';
 import { isAwaitingResponse } from 'wcpay/disputes/utils';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
 import './style.scss';
 import { formatDateTimeFromString } from 'wcpay/utils/date-time';
 
@@ -524,7 +523,6 @@ export const DisputesList = (): JSX.Element => {
 
 	return (
 		<Page>
-			<DateFormatNotice />
 			<TestModeNotice currentPage="disputes" />
 			<DisputesFilters storeCurrencies={ storeCurrencies } />
 			<TableCard

diff --git a/client/disputes/test/__snapshots__/index.tsx.snap b/client/disputes/test/__snapshots__/index.tsx.snap
@@ -5,54 +5,6 @@ exports[`Disputes list renders correctly 1`] = `
   <div
     class=" woocommerce-payments-page"
   >
-    <div
-      class="date-format-notice wcpay-banner-notice is-info"
-    >
-      <svg
-        aria-hidden="true"
-        class="wcpay-banner-notice__icon"
-        focusable="false"
-        height="24"
-        viewBox="0 0 24 24"
-        width="24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
-        />
-      </svg>
-      <div
-        class="wcpay-banner-notice__content"
-      >
-        The date and time formats now match your preferences. You can update them anytime in the 
-        <a
-          data-link-type="external"
-          href="/wp-admin/options-general.php"
-        >
-          settings
-        </a>
-        .
-      </div>
-      <button
-        aria-label="Dismiss this notice"
-        class="components-button wcpay-banner-notice__dismiss has-icon"
-        type="button"
-      >
-        <svg
-          class="gridicon gridicons-cross-small"
-          height="24"
-          viewBox="0 0 24 24"
-          width="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <g>
-            <path
-              d="M17.705 7.705l-1.41-1.41L12 10.59 7.705 6.295l-1.41 1.41L10.59 12l-4.295 4.295 1.41 1.41L12 13.41l4.295 4.295 1.41-1.41L13.41 12l4.295-4.295z"
-            />
-          </g>
-        </svg>
-      </button>
-    </div>
     <div
       class="woocommerce-filters-disputes"
     >

diff --git a/client/documents/index.tsx b/client/documents/index.tsx
@@ -9,11 +9,10 @@ import React from 'react';
 import Page from 'components/page';
 import DocumentsList from './list';
 import { TestModeNotice } from 'components/test-mode-notice';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
+
 export const DocumentsPage = (): JSX.Element => {
 	return (
 		<Page>
-			<DateFormatNotice />
 			<TestModeNotice currentPage="documents" />
 			<DocumentsList />
 		</Page>

diff --git a/client/globals.d.ts b/client/globals.d.ts
@@ -122,7 +122,6 @@ declare global {
 		storeName: string;
 		isNextDepositNoticeDismissed: boolean;
 		isInstantDepositNoticeDismissed: boolean;
-		isDateFormatNoticeDismissed: boolean;
 		userLocale: {
 			/**
 			 * The locale of the current user profile, represented as a locale code supported by transact-platform-server.

diff --git a/client/overview/index.js b/client/overview/index.js
@@ -32,7 +32,6 @@ import { useDisputes, useGetSettings, useSettings } from 'data';
 import SandboxModeSwitchToLiveNotice from 'wcpay/components/sandbox-mode-switch-to-live-notice';
 import './style.scss';
 import BannerNotice from 'wcpay/components/banner-notice';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
 
 const OverviewPageError = () => {
 	const queryParams = getQuery();
@@ -152,7 +151,6 @@ const OverviewPage = () => {
 		<Page isNarrow className="wcpay-overview">
 			<OverviewPageError />
 			<JetpackIdcNotice />
-			<DateFormatNotice />
 			{ showLoanOfferError && (
 				<Notice status="error" isDismissible={ false }>
 					{ __(

diff --git a/client/payment-details/order-details/test/__snapshots__/index.test.tsx.snap b/client/payment-details/order-details/test/__snapshots__/index.test.tsx.snap
@@ -6,54 +6,6 @@ exports[`Order details page should match the snapshot - Charge without payment i
     class="wcpay-payment-details woocommerce-payments-page"
     style="max-width: 1032px;"
   >
-    <div
-      class="date-format-notice wcpay-banner-notice is-info"
-    >
-      <svg
-        aria-hidden="true"
-        class="wcpay-banner-notice__icon"
-        focusable="false"
-        height="24"
-        viewBox="0 0 24 24"
-        width="24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"
-        />
-      </svg>
-      <div
-        class="wcpay-banner-notice__content"
-      >
-        The date and time formats now match your preferences. You can update them anytime in the 
-        <a
-          data-link-type="external"
-          href="/wp-admin/options-general.php"
-        >
-          settings
-        </a>
-        .
-      </div>
-      <button
-        aria-label="Dismiss this notice"
-        class="components-button wcpay-banner-notice__dismiss has-icon"
-        type="button"
-      >
-        <svg
-          class="gridicon gridicons-cross-small"
-          height="24"
-          viewBox="0 0 24 24"
-          width="24"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <g>
-            <path
-              d="M17.705 7.705l-1.41-1.41L12 10.59 7.705 6.295l-1.41 1.41L10.59 12l-4.295 4.295 1.41 1.41L12 13.41l4.295 4.295 1.41-1.41L13.41 12l4.295-4.295z"
-            />
-          </g>
-        </svg>
-      </button>
-    </div>
     <div
       class="components-surface components-card css-nsno0f-View-Surface-getBorders-primary-Card-rounded em57xhy0"
       data-wp-c16t="true"

diff --git a/client/payment-details/payment-details/index.tsx b/client/payment-details/payment-details/index.tsx
@@ -17,7 +17,7 @@ import PaymentDetailsPaymentMethod from '../payment-method';
 import { ApiError } from '../../types/errors';
 import { Charge } from '../../types/charges';
 import { PaymentIntent } from '../../types/payment-intents';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
+
 interface PaymentDetailsProps {
 	id: string;
 	isLoading: boolean;
@@ -56,7 +56,6 @@ const PaymentDetails: React.FC< PaymentDetailsProps > = ( {
 
 	return (
 		<Page maxWidth={ 1032 } className="wcpay-payment-details">
-			<DateFormatNotice />
 			<TestModeNotice currentPage="payments" isDetailsView={ true } />
 			<ErrorBoundary>
 				<PaymentDetailsSummary

diff --git a/client/payment-details/readers/index.js b/client/payment-details/readers/index.js
@@ -23,7 +23,7 @@ import {
 	formatExplicitCurrency,
 	formatExportAmount,
 } from 'multi-currency/interface/functions';
-import DateFormatNotice from 'wcpay/components/date-format-notice';
+
 const PaymentCardReaderChargeDetails = ( props ) => {
 	const { readers, chargeError, isLoading } = useCardReaderStats(
 		props.chargeId,
@@ -34,7 +34,6 @@ const PaymentCardReaderChargeDetails = ( props ) => {
 	if ( ! isLoading && chargeError instanceof Error ) {
 		return (
 			<Page maxWidth={ 1032 } className="wcpay-payment-details">
-				<DateFormatNotice />
 				<TestModeNotice currentPage="payments" isDetailsView={ true } />
 				<Card>
 					<CardBody>