From 2ad3ed7b4beb3a378843843ae60aeac85105d682 Mon Sep 17 00:00:00 2001
From: julianajlk <julianajlk@gmail.com>
Date: Fri, 4 Mar 2022 16:19:38 -0500
Subject: [PATCH] feat: Add event tracking for past expiration course details
 click in gated content

---
 .../course/sequence/lock-paywall/LockPaywall.jsx     | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/courseware/course/sequence/lock-paywall/LockPaywall.jsx b/src/courseware/course/sequence/lock-paywall/LockPaywall.jsx
index f15bf44d..d132b4aa 100644
--- a/src/courseware/course/sequence/lock-paywall/LockPaywall.jsx
+++ b/src/courseware/course/sequence/lock-paywall/LockPaywall.jsx
@@ -65,6 +65,16 @@ function LockPaywall({
     });
   };
 
+  const logClickPastExpiration = () => {
+    sendTrackEvent('edx.bi.ecommerce.gated_content.past_expiration.link_clicked', {
+      ...eventProperties,
+      linkCategory: 'gated_content',
+      linkName: 'course_details',
+      linkType: 'link',
+      pageName: 'in_course',
+    });
+  };
+
   return (
     <Alert variant="light" aria-live="off" icon={Locked} className="lock-paywall-container">
       <div className="row">
@@ -75,7 +85,7 @@ function LockPaywall({
           {pastExpirationDeadline ? (
             <div className="mb-2 upgrade-intro">
               {intl.formatMessage(messages['learn.lockPaywall.content.pastExpiration'])}
-              <Hyperlink destination={marketingUrl} target="_blank">{intl.formatMessage(messages['learn.lockPaywall.courseDetails'])}</Hyperlink>
+              <Hyperlink destination={marketingUrl} onClick={logClickPastExpiration} target="_blank">{intl.formatMessage(messages['learn.lockPaywall.courseDetails'])}</Hyperlink>
             </div>
           ) : (
             <div className="mb-2 upgrade-intro">