Pass data-track info to give dialog

openstax · Nov 15, 2023 · de2d972 · de2d972
1 parent aa35591
commit de2d972
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/app/pages/details/common/get-this-title-files/give-before-pdf/give-before-pdf.tsx b/src/app/pages/details/common/get-this-title-files/give-before-pdf/give-before-pdf.tsx
@@ -6,11 +6,13 @@ import './give-before-pdf.scss';
 
 export default function GiveBeforePdf({
     link,
+    track,
     close,
     data,
     onDownload
 }: {
     link: string;
+    track?: string;
     close: () => void;
     data: DonationPopupData;
     onDownload: () => void;
@@ -32,7 +34,7 @@ export default function GiveBeforePdf({
 
     return (
         <GiveBeforePdfAfterConditionals
-            {...{onThankYouClick, link, data, close, onDownload}}
+            {...{onThankYouClick, link, track, data, close, onDownload}}
         />
     );
 }
@@ -49,12 +51,14 @@ function Downloading({data}: {data: DonationPopupData}) {
 function GiveBeforePdfAfterConditionals({
     onThankYouClick,
     link,
+    track,
     data,
     close,
     onDownload
 }: {
     onThankYouClick: ReturnType<typeof useOnThankYouClick>['onThankYouClick'];
     link: string;
+    track: string | undefined;
     data: DonationPopupData;
     close: () => void;
     onDownload: (event: React.MouseEvent) => void;
@@ -88,7 +92,10 @@ function GiveBeforePdfAfterConditionals({
             <h1>{data.download_ready}</h1>
             <hr />
             <CommonElements onThankYouClick={onThankYouClick} data={data} />
-            <a href={link} onClick={closeAfterDelay} className='btn go-to'>
+            <a
+                href={link}
+                {...(track ? {'data-track': track} : {})}
+                onClick={closeAfterDelay} className='btn go-to'>
                 Go to your file
             </a>
         </div>

diff --git a/src/app/pages/details/common/get-this-title-files/give-before-pdf/use-give-dialog.tsx b/src/app/pages/details/common/get-this-title-files/give-before-pdf/use-give-dialog.tsx
@@ -12,10 +12,12 @@ export default function useGiveDialog() {
     const GiveDialog = React.useCallback(
         ({
             link,
+            track,
             onDownload,
             variant
         }: {
             link: string;
+            track?: string;
             onDownload?: (
                 e: React.MouseEvent<HTMLAnchorElement, MouseEvent>
             ) => void;
@@ -25,7 +27,7 @@ export default function useGiveDialog() {
 
             return (
                 <Dialog>
-                    <Variant {...{link, close, data, onDownload}} />
+                    <Variant {...{link, track, close, data, onDownload}} />
                 </Dialog>
             );
         },

diff --git a/src/app/pages/details/common/resource-box/left-content.tsx b/src/app/pages/details/common/resource-box/left-content.tsx
@@ -117,6 +117,7 @@ function LeftButton({model}: {model: LeftContentModelType & LinkIsSet}) {
             {isDownload && (
                 <GiveDialog
                     link={model.link.url}
+                    track={model.heading}
                     onDownload={
                         trackDownloadClick as unknown as (
                             e: React.MouseEvent