Reporting: Payment activity widget wrapper - Remove unwanted CSS clas…

…ses added in #8412 (#8507) Co-authored-by: Nagesh Pai <[email protected]>
Automattic · Apr 1, 2024 · a5fffdf · a5fffdf
1 parent 660a630
commit a5fffdf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 14 deletions.
diff --git a/changelog/refactor-8389-remove-unwanted-css-classes b/changelog/refactor-8389-remove-unwanted-css-classes
@@ -0,0 +1,4 @@
+Significance: patch
+Type: update
+
+Remove unwanted css overrides on the Payment activity widget wrapper
diff --git a/client/components/payment-activity/index.tsx b/client/components/payment-activity/index.tsx
@@ -5,22 +5,14 @@ import * as React from 'react';
 import { Card, CardBody, CardHeader } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
-/**
- * Internal dependencies.
- */
-import './style.scss';
-
 const PaymentActivity: React.FC = () => {
 	return (
-		<Card className="wcpay-payments-activity__card">
-			<CardHeader
-				className="wcpay-payments-activity__card__header"
-				isBorderless={ true }
-			>
+		<Card>
+			<CardHeader>
 				{ __( 'Your payment activity', 'woocommerce-payments' ) }
 				{ /* Filters go here */ }
 			</CardHeader>
-			<CardBody className="wcpay-payments-activity__card__body">
+			<CardBody>
 				<>{ /* Sub components go here */ }</>
 			</CardBody>
 		</Card>

diff --git a/client/components/payment-activity/test/__snapshots__/index.tsx.snap b/client/components/payment-activity/test/__snapshots__/index.tsx.snap
@@ -3,22 +3,22 @@
 exports[`PaymentActivity component should render 1`] = `
 <div>
   <div
-    class="components-surface components-card wcpay-payments-activity__card css-nsno0f-View-Surface-getBorders-primary-Card-rounded em57xhy0"
+    class="components-surface components-card css-nsno0f-View-Surface-getBorders-primary-Card-rounded em57xhy0"
     data-wp-c16t="true"
     data-wp-component="Card"
   >
     <div
       class="css-mgwsf4-View-Content em57xhy0"
     >
       <div
-        class="components-flex components-card__header components-card-header wcpay-payments-activity__card__header css-sz55ca-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium-borderless em57xhy0"
+        class="components-flex components-card__header components-card-header css-1g5oj2q-View-Flex-sx-Base-sx-Items-ItemsRow-Header-borderRadius-borderColor-medium em57xhy0"
         data-wp-c16t="true"
         data-wp-component="CardHeader"
       >
         Your payment activity
       </div>
       <div
-        class="components-card__body components-card-body wcpay-payments-activity__card__body css-1nwhnu3-View-Body-borderRadius-medium em57xhy0"
+        class="components-card__body components-card-body css-1nwhnu3-View-Body-borderRadius-medium em57xhy0"
         data-wp-c16t="true"
         data-wp-component="CardBody"
       />