From 3be7df58a441aefbe0e01e7457d8b4ce0c285cac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrik=20Matias=CC=8Cko?= <patrik.matiasko@gmail.com>
Date: Wed, 31 Jul 2024 00:00:56 +0200
Subject: [PATCH] playwright conditions detail page

---
 src/components/Layout/BottomPanel/BottomPanel.tsx      | 3 ++-
 src/components/Layout/BottomPanel/BottomPanel.types.ts | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/BottomPanel/BottomPanel.tsx b/src/components/Layout/BottomPanel/BottomPanel.tsx
index 7dc9bc58..16cbf3e6 100644
--- a/src/components/Layout/BottomPanel/BottomPanel.tsx
+++ b/src/components/Layout/BottomPanel/BottomPanel.tsx
@@ -5,7 +5,7 @@ import { Props } from './BottomPanel.types'
 import * as styles from './BottomPanel.styles'
 
 const BottomPanel: FC<Props> = (props) => {
-    const { actionPrimary, actionSecondary, attribute, value, iframeMode, leftPanelCollapsed, show } = props
+    const { actionPrimary, actionSecondary, attribute, dataTestId, value, iframeMode, leftPanelCollapsed, show } = props
     return (
         <AnimatePresence>
             {show && (
@@ -17,6 +17,7 @@ const BottomPanel: FC<Props> = (props) => {
                         iframeMode === true && styles.iframeMode,
                         iframeMode === 'absolute' && styles.absolute,
                     ]}
+                    data-test-id={dataTestId}
                     exit={{
                         opacity: 0,
                         y: 150,
diff --git a/src/components/Layout/BottomPanel/BottomPanel.types.ts b/src/components/Layout/BottomPanel/BottomPanel.types.ts
index 53c20404..08d1d8d9 100644
--- a/src/components/Layout/BottomPanel/BottomPanel.types.ts
+++ b/src/components/Layout/BottomPanel/BottomPanel.types.ts
@@ -4,6 +4,7 @@ export type Props = {
     actionPrimary?: ReactNode
     actionSecondary?: ReactNode
     attribute?: string
+    dataTestId?: string
     iframeMode?: boolean | string
     leftPanelCollapsed?: boolean
     value?: string | number