From 979c4b49e42ced819bb36fb0805475e5173b0413 Mon Sep 17 00:00:00 2001
From: grafixeyehero <32230989+grafixeyehero@users.noreply.github.com>
Date: Wed, 21 Aug 2024 20:08:43 +0300
Subject: [PATCH] Fix action for live tv schedule in experimental layout
 (#5934)

* Fix action for live tv schedule

* Fix indentation

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: Bill Thornton <thornbill@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 src/components/cardbuilder/Card/CardBox.tsx       | 3 +++
 src/components/cardbuilder/Card/CardHoverMenu.tsx | 5 ++++-
 src/components/cardbuilder/Card/useCard.ts        | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/cardbuilder/Card/CardBox.tsx b/src/components/cardbuilder/Card/CardBox.tsx
index 4fe47b0e01..e09bc26bdb 100644
--- a/src/components/cardbuilder/Card/CardBox.tsx
+++ b/src/components/cardbuilder/Card/CardBox.tsx
@@ -11,6 +11,7 @@ import type { ItemDto } from 'types/base/models/item-dto';
 import type { CardOptions } from 'types/cardOptions';
 
 interface CardBoxProps {
+    action: string;
     item: ItemDto;
     cardOptions: CardOptions;
     className: string;
@@ -23,6 +24,7 @@ interface CardBoxProps {
 }
 
 const CardBox: FC<CardBoxProps> = ({
+    action,
     item,
     cardOptions,
     className,
@@ -57,6 +59,7 @@ const CardBox: FC<CardBoxProps> = ({
                 {layoutManager.desktop
                         && !cardOptions.disableHoverMenu && (
                     <CardHoverMenu
+                        action={action}
                         item={item}
                         cardOptions={cardOptions}
                     />
diff --git a/src/components/cardbuilder/Card/CardHoverMenu.tsx b/src/components/cardbuilder/Card/CardHoverMenu.tsx
index 24b62f895b..a261e4f6f0 100644
--- a/src/components/cardbuilder/Card/CardHoverMenu.tsx
+++ b/src/components/cardbuilder/Card/CardHoverMenu.tsx
@@ -15,11 +15,13 @@ import type { ItemDto } from 'types/base/models/item-dto';
 import type { CardOptions } from 'types/cardOptions';
 
 interface CardHoverMenuProps {
+    action: string,
     item: ItemDto;
     cardOptions: CardOptions;
 }
 
 const CardHoverMenu: FC<CardHoverMenuProps> = ({
+    action,
     item,
     cardOptions
 }) => {
@@ -37,7 +39,8 @@ const CardHoverMenu: FC<CardHoverMenuProps> = ({
 
     return (
         <Box
-            className='cardOverlayContainer'
+            className='cardOverlayContainer itemAction'
+            data-action={action}
         >
             <a
                 href={url}
diff --git a/src/components/cardbuilder/Card/useCard.ts b/src/components/cardbuilder/Card/useCard.ts
index d5bc82b893..fa77b6dfd2 100644
--- a/src/components/cardbuilder/Card/useCard.ts
+++ b/src/components/cardbuilder/Card/useCard.ts
@@ -104,6 +104,7 @@ function useCard({ item, cardOptions }: UseCardProps) {
     });
 
     const getCardBoxProps = () => ({
+        action,
         item,
         cardOptions,
         className: cardBoxClass,