Fix dialog button labels

Author: kshmidt-digma

src/components/Agentic/IncidentDirectives/index.tsx

@@ -425,6 +425,8 @@ export const IncidentDirectives = () => {
             description={"Are you sure you want to delete this directive?"}
             onClose={handleDeleteDirectiveDialogClose}
             onConfirm={handleDeleteDirectiveDialogConfirm}
+            confirmBtnText={"Yes, continue"}
+            cancelBtnText={"No, cancel"}
           />
         </s.StyledOverlay>
       )}

src/components/Agentic/IncidentTemplate/styles.ts

@@ -2,6 +2,7 @@ import styled from "styled-components";
 import { heading2BoldTypography } from "../../common/App/typographies";
 import { AgentFlowChart } from "../IncidentDetails/AgentFlowChart";
 import { PromptInput } from "../common/PromptInput";
+import { TextArea } from "../common/PromptInput/styles";
 
 export const Container = styled.div`
   padding: 24px;
@@ -33,7 +34,7 @@ export const StyledAgentFlowChart = styled(AgentFlowChart)`
 export const StyledIncidentPromptInput = styled(PromptInput)`
   height: 105px;
 
-  & > textarea {
+  & ${TextArea} {
     height: 100%;
 
     &::placeholder {
@@ -47,7 +48,7 @@ export const StyledAgentPromptInput = styled(PromptInput)`
   ${/* TODO: change to color from the theme */ ""}
   border: 1px solid #6063f6;
 
-  & > textarea {
+  & ${TextArea} {
     height: 100%;
 
     &::placeholder {

src/components/common/CancelConfirmation/index.tsx

@@ -8,7 +8,8 @@ export const CancelConfirmation = ({
   onClose,
   header,
   description,
-  cancelBtnText
+  cancelBtnText = "Yes, cancel",
+  confirmBtnText = "No, continue"
 }: CancelConfirmationProps) => {
   const handleConfirmButtonClick = () => {
     onConfirm();
@@ -34,12 +35,12 @@ export const CancelConfirmation = ({
       <s.ButtonsContainer>
         <NewButton
           buttonType={"primary"}
-          label={"No, continue"}
+          label={confirmBtnText}
           onClick={handleCancelButtonClick}
         />
         <s.CancelButton
           buttonType={"secondary"}
-          label={cancelBtnText ?? "Yes, cancel"}
+          label={cancelBtnText}
           onClick={handleConfirmButtonClick}
         />
       </s.ButtonsContainer>

src/components/common/CancelConfirmation/types.ts

@@ -2,6 +2,7 @@ export interface CancelConfirmationProps {
   header: string;
   description: string;
   cancelBtnText?: string;
+  confirmBtnText?: string;
   onClose: () => void;
   onConfirm: () => void;
 }