fix: get cta buttons from the player

conversionxl · Feb 13, 2024 · c517a76 · c517a76
1 parent 6ad9f38
commit c517a76
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/VideoLayout/VideoLayout.tsx b/src/components/VideoLayout/VideoLayout.tsx
@@ -164,7 +164,7 @@ const VideoLayout: React.FC<Props> = ({
     );
   };
 
-  const customCTAs = useCustomCtaButtons(item);
+  const customCTAs = useCustomCtaButtons(player);
 
   // Check and setup CTAs
   const extraButtons: React.ReactNode[] = useMemo(() => {

diff --git a/src/hooks/useCustomCtaButtons.ts b/src/hooks/useCustomCtaButtons.ts
@@ -1,10 +1,11 @@
 // React hook
 import { useMemo } from 'react';
 
-import type { PlaylistItem } from '#types/playlist';
 import type { CTAItem } from '#components/CTAButton/CTAButton';
 
-const useCustomCtaButtons = (itemData?: PlaylistItem) => {
+const useCustomCtaButtons = (player: any) => {
+  const itemData = player.props.seriesItem;
+
   // Check and setup CTAs
   const customItems = useMemo(() => {
     const allowedKeys = ['cta_exam', 'cta_slides', 'cta_resource1', 'cta_resource2', 'cta_resource3'];