Remove loading state for Features.

Automattic · Jan 21, 2025 · 54f1a1f · 54f1a1f
1 parent 7b2b622
commit 54f1a1f
Showing 1 changed file with 4 additions and 52 deletions.
diff --git a/client/my-sites/checkout/src/components/wp-checkout-order-summary.tsx b/client/my-sites/checkout/src/components/wp-checkout-order-summary.tsx
@@ -146,14 +146,10 @@ export function CheckoutSummaryFeaturedList( {
 						? translate( 'WordPress.com Gift Subscription' )
 						: translate( 'Included with your purchase' ) }
 				</CheckoutSummaryFeaturesTitle>
-				{ isCartUpdating ? (
-					<LoadingCheckoutSummaryFeaturesList />
-				) : (
-					<CheckoutSummaryFeaturesWrapper
-						siteId={ siteId }
-						nextDomainIsFree={ responseCart.next_domain_is_free }
-					/>
-				) }
+				<CheckoutSummaryFeaturesWrapper
+					siteId={ siteId }
+					nextDomainIsFree={ responseCart.next_domain_is_free }
+				/>
 			</CheckoutSummaryFeatures>
 			{ ! isCartUpdating && ! hasRenewalInCart && ! isWcMobile && plan && hasMonthlyPlanInCart && (
 				<CheckoutSummaryAnnualUpsell plan={ plan } onChangeSelection={ onChangeSelection } />
@@ -232,16 +228,6 @@ function CheckoutSummaryPriceList() {
 	);
 }
 
-export function LoadingCheckoutSummaryFeaturesList() {
-	return (
-		<>
-			<LoadingCopy />
-			<LoadingCopy />
-			<LoadingCopy />
-		</>
-	);
-}
-
 function SwitchToAnnualPlan( {
 	plan,
 	onChangeSelection,
@@ -999,40 +985,6 @@ const CheckoutSummaryTotal = styled( CheckoutSummaryLineItem )`
 	}
 `;
 
-const LoadingCopy = styled.p`
-	animation: ${ pulse } 1.5s ease-in-out infinite;
-	background: ${ ( props ) => props.theme.colors.borderColorLight };
-	border-radius: 2px;
-	color: ${ ( props ) => props.theme.colors.borderColorLight };
-	content: '';
-	font-size: 14px;
-	height: 18px;
-	margin: 8px 0 0 26px;
-	padding: 0;
-	position: relative;
-
-	::before {
-		content: '';
-		display: block;
-		position: absolute;
-		left: -26px;
-		top: 0;
-		width: 18px;
-		height: 18px;
-		background: ${ ( props ) => props.theme.colors.borderColorLight };
-		border-radius: 100%;
-	}
-
-	.rtl & {
-		margin: 8px 26px 0 0;
-
-		::before {
-			right: -26px;
-			left: auto;
-		}
-	}
-`;
-
 const SwitchToAnnualPlanButton = styled.button`
 	text-align: left;
 	text-decoration: underline;