feat: add subscriptions marketing url (#309)

.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>