[WL-3329] feat: add homeButtonLink override parameter (#220)

Author: Lariveg

src/boot.tsx

@@ -29,6 +29,8 @@ export default (element: HTMLDivElement, hub: Hub) => {
 
   const utmSource = element.getAttribute("data-utm-source") || undefined;
   const utmCampaign = element.getAttribute("data-utm-campaign") || undefined;
+  const impactTrackingLink =
+    element.getAttribute("data-impact-tracking-link") || undefined;
 
   if (element.getAttribute("data-encoded")) {
     const exercise = JSON.parse(atob(decodeURIComponent(element.textContent)));
@@ -103,6 +105,7 @@ export default (element: HTMLDivElement, hub: Hub) => {
             language={settings.language}
             utmSource={utmSource}
             utmCampaign={utmCampaign}
+            impactTrackingLink={impactTrackingLink}
           />
         </Provider>
       </AppContainer>

src/components/App/index.tsx

@@ -85,6 +85,7 @@ export interface IAppProps extends React.Props<App> {
   nPlots?: number;
   utmSource?: string;
   utmCampaign?: string;
+  impactTrackingLink?: string;
 }
 
 interface IAppState {
@@ -321,6 +322,7 @@ export class App extends React.Component<IAppProps, IAppState> {
             showSolutionButton={this.state.solutionButtonVisible}
             utmSource={this.props.utmSource}
             utmCampaign={this.props.utmCampaign}
+            impactTrackingLink={this.props.impactTrackingLink}
           />
         </div>
       </Provider>

src/components/Footer.tsx

@@ -24,6 +24,7 @@ export interface IFooterProps extends React.Props<Footer> {
   language?: string;
   utmSource?: string;
   utmCampaign?: string;
+  impactTrackingLink?: string;
 }
 
 interface IFooterState {
@@ -76,10 +77,15 @@ export class Footer extends React.PureComponent<IFooterProps, IFooterState> {
   }
 
   public render() {
-    const { utmSource, utmCampaign } = this.props;
-    const baseUrl = "https://www.datacamp.com/";
+    const { utmSource, utmCampaign, impactTrackingLink } = this.props;
+    const baseUrl = impactTrackingLink
+      ? "https://datacamp.pxf.io"
+      : "https://www.datacamp.com/";
     const queryParams = `utm_source=${utmSource}&utm_campaign=${utmCampaign}`;
-    const datacampUrl = `${baseUrl}?${queryParams}`;
+    const datacampUrl = impactTrackingLink
+      ? `${baseUrl}${impactTrackingLink}`
+      : `${baseUrl}?${queryParams}`;
+
     return (
       <div className={styles.footer}>
         {this.props.hint ? (