PON-338: Add subscriptions marketing link on the order and subscription page

.env

@@ -22,3 +22,4 @@ LOGO_TRADEMARK_URL=''
 LOGO_WHITE_URL=''
 FAVICON_URL=''
 ENABLE_B2C_SUBSCRIPTIONS=false
+SUBSCRIPTIONS_MARKETING_URL=''

.env.development

@@ -23,3 +23,4 @@ LOGO_TRADEMARK_URL=https://edx-cdn.org/v3/default/logo-trademark.svg
 LOGO_WHITE_URL=https://edx-cdn.org/v3/default/logo-white.svg
 FAVICON_URL=https://edx-cdn.org/v3/default/favicon.ico
 ENABLE_B2C_SUBSCRIPTIONS=true
+SUBSCRIPTIONS_MARKETING_URL=/program-subscriptions

.env.test

@@ -23,3 +23,4 @@ LOGO_TRADEMARK_URL=https://edx-cdn.org/v3/default/logo-trademark.svg
 LOGO_WHITE_URL=https://edx-cdn.org/v3/default/logo-white.svg
 FAVICON_URL=https://edx-cdn.org/v3/default/favicon.ico
 ENABLE_B2C_SUBSCRIPTIONS=true
+SUBSCRIPTIONS_MARKETING_URL=/program-subscriptions

src/index.jsx

@@ -36,6 +36,7 @@ mergeConfig({
  COMMERCE_COORDINATOR_BASE_URL: process.env.COMMERCE_COORDINATOR_BASE_URL,
  ENABLE_B2C_SUBSCRIPTIONS: process.env.ENABLE_B2C_SUBSCRIPTIONS,
  SUBSCRIPTIONS_BASE_URL: process.env.SUBSCRIPTIONS_BASE_URL,
+ SUBSCRIPTIONS_MARKETING_URL: process.env.SUBSCRIPTIONS_MARKETING_URL,
  SUPPORT_URL: process.env.SUPPORT_URL,
 });
 

src/orders-and-subscriptions/__snapshots__/OrdersAndSubscriptionsPage.test.jsx.snap

@@ -108,13 +108,14 @@ exports[`<OrdersAndSubscriptions /> Renders correctly in various states renders
  <span
  className="pgn__action-row-spacer"
  />
- <button
+ <a
  className="text-nowrap btn btn-primary btn-sm"
- disabled={false}
- type="button"
+ href="http://localhost:18000/program-subscriptions"
+ onClick={[Function]}
+ onKeyDown={[Function]}
  >
  Explore subscription options
- </button>
+ </a>
  </div>
  </div>
  </div>

src/setupTest.js

@@ -10,6 +10,7 @@ mergeConfig({
  COMMERCE_COORDINATOR_BASE_URL: process.env.COMMERCE_COORDINATOR_BASE_URL,
  ENABLE_B2C_SUBSCRIPTIONS: process.env.ENABLE_B2C_SUBSCRIPTIONS,
  SUBSCRIPTIONS_BASE_URL: process.env.SUBSCRIPTIONS_BASE_URL,
+ SUBSCRIPTIONS_MARKETING_URL: process.env.SUBSCRIPTIONS_MARKETING_URL,
  SUPPORT_URL: process.env.SUPPORT_URL,
 });
 

src/subscriptions/SubscriptionUpsell.jsx

@@ -1,14 +1,21 @@
 import React from 'react';
 import { useMediaQuery } from 'react-responsive';
 
+import { getConfig } from '@edx/frontend-platform';
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { Alert, Badge, Button } from '@edx/paragon';
 
 const SubscriptionUpsell = () => (
  <Alert
  className="bg-light-200"
  actions={[
- <Button className="text-nowrap">
+ <Button
+ href={
+ getConfig().MARKETING_SITE_BASE_URL
+ + getConfig().SUBSCRIPTIONS_MARKETING_URL
+ }
+ className="text-nowrap"
+ >
  <FormattedMessage
  id="ecommerce.order.history.subscription.upsell.button"
  defaultMessage="Explore subscription options"

src/subscriptions/__snapshots__/Subscriptions.test.jsx.snap

@@ -164,13 +164,14 @@ exports[`<Subscriptions /> Renders correctly in various states renders with no s
  <span
  className="pgn__action-row-spacer"
  />
- <button
+ <a
  className="text-nowrap btn btn-primary btn-sm"
- disabled={false}
- type="button"
+ href="http://localhost:18000/program-subscriptions"
+ onClick={[Function]}
+ onKeyDown={[Function]}
  >
  Explore subscription options
- </button>
+ </a>
  </div>
  </div>
  </div>