From 69cbe19cad20dbdbd9c8e0671915e355a71691eb Mon Sep 17 00:00:00 2001
From: Nawfal Ahmed <nawfal.ahmed@arbisoft.com>
Date: Tue, 16 May 2023 16:47:22 +0500
Subject: [PATCH] feat: update subscription upsell text

---
 src/subscriptions/ManageSubscriptionsPage.jsx |  2 +-
 src/subscriptions/SubscriptionUpsell.jsx      | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/subscriptions/ManageSubscriptionsPage.jsx b/src/subscriptions/ManageSubscriptionsPage.jsx
index b096ae9df..643448f1f 100644
--- a/src/subscriptions/ManageSubscriptionsPage.jsx
+++ b/src/subscriptions/ManageSubscriptionsPage.jsx
@@ -8,7 +8,7 @@ import { subscriptionsSelector } from './selectors';
 
 const ManageSubscriptionsPage = () => {
   const dispatch = useDispatch();
-  const { stripeCustomerPortalURL, stripeError, stripeLoading } = useSelector(
+  const { stripeCustomerPortalURL, stripeError } = useSelector(
     subscriptionsSelector,
   );
 
diff --git a/src/subscriptions/SubscriptionUpsell.jsx b/src/subscriptions/SubscriptionUpsell.jsx
index 4ae20969c..cd6fae8ae 100644
--- a/src/subscriptions/SubscriptionUpsell.jsx
+++ b/src/subscriptions/SubscriptionUpsell.jsx
@@ -3,13 +3,12 @@ import { useMediaQuery } from 'react-responsive';
 
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { Alert, Badge, Button } from '@edx/paragon';
-import { Search } from '@edx/paragon/icons';
 
 const SubscriptionUpsell = () => (
   <Alert
     className="bg-light-200"
     actions={[
-      <Button className="text-nowrap" iconBefore={Search}>
+      <Button className="text-nowrap">
         <FormattedMessage
           id="ecommerce.order.history.subscription.upsell.button"
           defaultMessage="Explore subscription options"
@@ -32,14 +31,17 @@ const SubscriptionUpsell = () => (
       </Badge>
       <FormattedMessage
         id="ecommerce.order.history.subscription.upsell.heading"
-        defaultMessage="Monthly program subscriptions now available"
+        defaultMessage="Monthly program subscriptions {emDash} more flexible, more affordable"
         description="Heading for subscription upsell"
+        values={{
+          emDash: <>&mdash;</>,
+        }}
       />
     </Alert.Heading>
     <FormattedMessage
       tagName="p"
       id="ecommerce.order.history.subscription.upsell.message"
-      defaultMessage="An easier way to access popular programs with more control over how much you spend. Starting at {minSubscriptionPrice} per month after a {trialLength}-day free trial. Cancel anytime."
+      defaultMessage="Now available for many popular programs, affordable monthly subscription pricing can help you manage your budget more effectively. Subscriptions start at {minSubscriptionPrice}/month USD per program, after a {trialLength}-day full access free trial. Cancel at any time."
       description="Message body for subscription upsell"
       values={{
         minSubscriptionPrice: '$39',