info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-30 20:49:49 +02:00
Code Issues Releases Wiki Activity

GA event for buy button

Browse Source
This commit is contained in:
Kamran Ahmed
2025-04-10 14:42:06 +01:00
parent 3dd50a1f09
commit ceda1255a3
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/SQLCourse/BuyButton.tsx
View File

@@ -1,5 +1,5 @@
import { useMutation, useQuery } from '@tanstack/react-query'; import { useMutation, useQuery } from '@tanstack/react-query';
import { ArrowRightIcon, BookOpen, Play } from 'lucide-react'; import { ArrowRightIcon, MousePointerClick, Play } from 'lucide-react';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { cn } from '../../lib/classname'; import { cn } from '../../lib/classname';
import { import {
@@ -178,7 +178,15 @@ export function BuyButton(props: BuyButtonProps) {
return; return;
} }
window.location.href = `${import.meta.env.PUBLIC_COURSE_APP_URL}/${SQL_COURSE_SLUG}`; window?.fireEvent({
action: `${SQL_COURSE_SLUG}_demo_started`,
category: 'course',
label: `${SQL_COURSE_SLUG} Course Demo Started`,
});
setTimeout(() => {
window.location.href = `${import.meta.env.PUBLIC_COURSE_APP_URL}/${SQL_COURSE_SLUG}`;
}, 200);
} }
const courseLoginPopup = isLoginPopupOpen && ( const courseLoginPopup = isLoginPopupOpen && (
@@ -195,7 +203,7 @@ export function BuyButton(props: BuyButtonProps) {
onClose={() => setIsVideoModalOpen(false)} onClose={() => setIsVideoModalOpen(false)}
/> />
)} )}
<div className="flex flex-row"> <div className="flex flex-col gap-2 md:flex-row md:gap-0">
<button <button
onClick={onBuyClick} onClick={onBuyClick}
disabled={isLoadingPricing} disabled={isLoadingPricing}
@@ -236,8 +244,8 @@ export function BuyButton(props: BuyButtonProps) {
className="group relative inline-flex items-center justify-center overflow-hidden rounded-xl border border-yellow-500/30 bg-transparent px-6 py-3 text-base font-medium text-yellow-500 transition-all duration-300 ease-out hover:bg-yellow-500/10 focus:outline-hidden active:ring-0 md:rounded-full" className="group relative inline-flex items-center justify-center overflow-hidden rounded-xl border border-yellow-500/30 bg-transparent px-6 py-3 text-base font-medium text-yellow-500 transition-all duration-300 ease-out hover:bg-yellow-500/10 focus:outline-hidden active:ring-0 md:rounded-full"
> >
<span className="relative flex items-center gap-2"> <span className="relative flex items-center gap-2">
<BookOpen className="h-5 w-5" /> <MousePointerClick className="h-5 w-5" />
Read Sample Access Demo
</span> </span>
</button> </button>
)} )}