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 (
+
);
}