diff --git a/src/apps/popup/pages/deploy-details/content.tsx b/src/apps/popup/pages/deploy-details/content.tsx index 926b808a..a4cf05d3 100644 --- a/src/apps/popup/pages/deploy-details/content.tsx +++ b/src/apps/popup/pages/deploy-details/content.tsx @@ -8,6 +8,7 @@ import { DeployDetailsResult } from '@popup/pages/deploy-details/components/depl import { getEntryPointName } from '@popup/pages/deploy-details/utils'; import { + AlignedFlexRow, AlignedSpaceBetweenFlexRow, BorderBottomPseudoElementProps, ContentContainer, @@ -24,6 +25,8 @@ import { DeployStatus, Hash, HashVariant, + Status, + SvgIcon, Tile, Typography } from '@libs/ui/components'; @@ -97,7 +100,6 @@ export const DeployDetailsPageContent = ({ status: singleDeploy.status, errorMessage: singleDeploy.errorMessage }} - placement="bottomLeft" /> @@ -105,6 +107,24 @@ export const DeployDetailsPageContent = ({ + {singleDeploy.errorMessage && + singleDeploy.status === Status.Error && ( + + + Status + + + + + {singleDeploy.errorMessage} + + + + )} Deploy hash diff --git a/src/libs/ui/components/deploy-status/deploy-status.tsx b/src/libs/ui/components/deploy-status/deploy-status.tsx index b998af9f..f0046d39 100644 --- a/src/libs/ui/components/deploy-status/deploy-status.tsx +++ b/src/libs/ui/components/deploy-status/deploy-status.tsx @@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'; import styled from 'styled-components'; import { AlignedFlexRow, SpacingSize } from '@libs/layout'; -import { Placement, SvgIcon, Tooltip, Typography } from '@libs/ui/components'; +import { SvgIcon, Typography } from '@libs/ui/components'; import { ContentColor } from '@libs/ui/utils'; export enum Status { @@ -69,7 +69,6 @@ export interface DeployStatusProps { | null | undefined; textWithIcon?: boolean; - placement?: Placement; } const StatusContainer = styled(AlignedFlexRow)<{ status: Status }>( @@ -83,8 +82,7 @@ const StatusContainer = styled(AlignedFlexRow)<{ status: Status }>( export const DeployStatus = ({ deployResult, - textWithIcon, - placement = 'topRight' + textWithIcon }: DeployStatusProps) => { const { t } = useTranslation(); @@ -98,42 +96,33 @@ export const DeployStatus = ({ }; const status = getDeployStatus(deployResult); - const message = deployResult?.errorMessage; if (textWithIcon) { return ( - = 29)} - > - - - - {StatusLabel[status]} - - - - ); - } - - if (status === Status.Error || status === Status.Pending) { - return ( - + - + + {StatusLabel[status]} + + + ); + } + + if (status === Status.Error || status === Status.Pending) { + return ( + ); }