Update course slug

feat/ga
Kamran Ahmed 2 weeks ago
parent 1e4a4c96b8
commit e093eddabc
  1. 6
      src/components/SQLCourse/AccountButton.tsx
  2. 10
      src/components/SQLCourse/BuyButton.tsx

@ -6,14 +6,14 @@ import {
} from '../../queries/course-progress'; } from '../../queries/course-progress';
import { queryClient } from '../../stores/query-client'; import { queryClient } from '../../stores/query-client';
import { CourseLoginPopup } from '../AuthenticationFlow/CourseLoginPopup'; import { CourseLoginPopup } from '../AuthenticationFlow/CourseLoginPopup';
import { BuyButton, COURSE_SLUG } from './BuyButton'; import { BuyButton, SQL_COURSE_SLUG } from './BuyButton';
export function AccountButton() { export function AccountButton() {
const [isVisible, setIsVisible] = useState(false); const [isVisible, setIsVisible] = useState(false);
const [showLoginModal, setShowLoginModal] = useState(false); const [showLoginModal, setShowLoginModal] = useState(false);
const { data: courseProgress, isLoading: isLoadingCourseProgress } = useQuery( const { data: courseProgress, isLoading: isLoadingCourseProgress } = useQuery(
courseProgressOptions(COURSE_SLUG), courseProgressOptions(SQL_COURSE_SLUG),
queryClient, queryClient,
); );
@ -58,7 +58,7 @@ export function AccountButton() {
return ( return (
<a <a
href={`${import.meta.env.PUBLIC_COURSE_APP_URL}/master-sql`} href={`${import.meta.env.PUBLIC_COURSE_APP_URL}/${SQL_COURSE_SLUG}`}
className={`${buttonClasses} animate-fade-in`} className={`${buttonClasses} animate-fade-in`}
> >
Start Learning Start Learning

@ -11,7 +11,7 @@ import { useToast } from '../../hooks/use-toast';
import { httpPost } from '../../lib/query-http'; import { httpPost } from '../../lib/query-http';
import { deleteUrlParam, getUrlParams } from '../../lib/browser'; import { deleteUrlParam, getUrlParams } from '../../lib/browser';
export const COURSE_SLUG = 'master-sql'; export const SQL_COURSE_SLUG = 'sql';
type CreateCheckoutSessionBody = { type CreateCheckoutSessionBody = {
courseId: string; courseId: string;
@ -34,12 +34,12 @@ export function BuyButton(props: BuyButtonProps) {
const toast = useToast(); const toast = useToast();
const { data: coursePricing, isLoading: isLoadingCourse } = useQuery( const { data: coursePricing, isLoading: isLoadingCourse } = useQuery(
coursePriceOptions({ courseSlug: COURSE_SLUG }), coursePriceOptions({ courseSlug: SQL_COURSE_SLUG }),
queryClient, queryClient,
); );
const { data: courseProgress, isLoading: isLoadingCourseProgress } = useQuery( const { data: courseProgress, isLoading: isLoadingCourseProgress } = useQuery(
courseProgressOptions(COURSE_SLUG), courseProgressOptions(SQL_COURSE_SLUG),
queryClient, queryClient,
); );
@ -87,7 +87,7 @@ export function BuyButton(props: BuyButtonProps) {
} }
createCheckoutSession({ createCheckoutSession({
courseId: COURSE_SLUG, courseId: SQL_COURSE_SLUG,
success: `/courses/sql?e=1`, success: `/courses/sql?e=1`,
cancel: `/courses/sql`, cancel: `/courses/sql`,
}); });
@ -101,7 +101,7 @@ export function BuyButton(props: BuyButtonProps) {
const hasEnrolled = !!courseProgress?.enrolledAt; const hasEnrolled = !!courseProgress?.enrolledAt;
if (hasEnrolled) { if (hasEnrolled) {
window.location.href = `${import.meta.env.PUBLIC_COURSE_APP_URL}/master-sql`; window.location.href = `${import.meta.env.PUBLIC_COURSE_APP_URL}/${SQL_COURSE_SLUG}`;
return; return;
} }

Loading…
Cancel
Save