[BF] fix markup for CustomAlert

qiwi · Jun 13, 2024 · c09be82 · c09be82
1 parent 9e0fcb1
commit c09be82
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 27 deletions.
diff --git a/packages/desktop/src/main/resources/screenshots/CustomAlert_1_desktop.png b/packages/desktop/src/main/resources/screenshots/CustomAlert_1_desktop.png
diff --git a/packages/desktop/src/main/ts/custom-alert/CustomAlert.tsx b/packages/desktop/src/main/ts/custom-alert/CustomAlert.tsx
@@ -1,6 +1,5 @@
 import {
   AlertBlockControl,
-  Breaker,
   Card,
   FlexItem,
   FlexPos,
@@ -10,7 +9,6 @@ import {
 } from '@qiwi/pijma-core'
 import React, { FC, ReactNode } from 'react'
 
-import { Paragraph } from '../typography'
 
 export interface CustomAlertProps {
   icon?: ReactNode
@@ -22,14 +20,14 @@ export interface CustomAlertProps {
 }
 
 export const CustomAlert: FC<CustomAlertProps> = ({
-  children,
-  icon,
-  bg,
-  shadow,
-  textColor,
-  onHide,
-  ...rest
-}) => {
+                                                    children,
+                                                    icon,
+                                                    bg,
+                                                    shadow,
+                                                    textColor,
+                                                    onHide,
+                                                    ...rest
+                                                  }) => {
   return (
     <AlertBlockControl
       onHide={onHide}
@@ -50,9 +48,7 @@ export const CustomAlert: FC<CustomAlertProps> = ({
           >
             {icon && <FlexItem mr={3}>{icon}</FlexItem>}
             <FlexItem>
-              <Paragraph color={textColor}>
-                <Breaker children={children} />
-              </Paragraph>
+              {children}
             </FlexItem>
             {onHide !== undefined ? (
               <Pos

diff --git a/packages/mobile/src/main/resources/screenshots/CustomAlert_1_mobile.png b/packages/mobile/src/main/resources/screenshots/CustomAlert_1_mobile.png
diff --git a/packages/mobile/src/main/ts/custom-alert/CustomAlert.tsx b/packages/mobile/src/main/ts/custom-alert/CustomAlert.tsx
@@ -1,6 +1,5 @@
 import {
   AlertBlockControl,
-  Breaker,
   Card,
   FlexItem,
   FlexPos,
@@ -10,8 +9,6 @@ import {
 } from '@qiwi/pijma-core'
 import React, { FC, ReactNode } from 'react'
 
-import { Paragraph } from '../typography'
-
 export interface CustomAlertProps {
   icon?: ReactNode
   shadow?: string
@@ -22,14 +19,14 @@ export interface CustomAlertProps {
 }
 
 export const CustomAlert: FC<CustomAlertProps> = ({
-  children,
-  icon,
-  bg,
-  shadow,
-  textColor,
-  onHide,
-  ...rest
-}) => {
+                                                    children,
+                                                    icon,
+                                                    bg,
+                                                    shadow,
+                                                    textColor,
+                                                    onHide,
+                                                    ...rest
+                                                  }) => {
   return (
     <AlertBlockControl
       onHide={onHide}
@@ -50,9 +47,7 @@ export const CustomAlert: FC<CustomAlertProps> = ({
           >
             {icon && <FlexItem mr={2}>{icon}</FlexItem>}
             <FlexItem my="2px">
-              <Paragraph color={textColor}>
-                <Breaker children={children} />
-              </Paragraph>
+              {children}
             </FlexItem>
             {onHide !== undefined ? (
               <Pos