diff --git a/src/components/Publish/Submission/Feedback.module.css b/src/components/Publish/Submission/Feedback.module.css index d68a2c272..b07bb459b 100644 --- a/src/components/Publish/Submission/Feedback.module.css +++ b/src/components/Publish/Submission/Feedback.module.css @@ -67,6 +67,12 @@ margin-bottom: 0; } +.errorMessage { + margin-left: var(--spacer); + font-size: var(--font-size-small); + color: var(--brand-alert-red); +} + @keyframes loader { to { transform: rotate(360deg); diff --git a/src/components/Publish/Submission/Feedback.tsx b/src/components/Publish/Submission/Feedback.tsx index 9b0a070eb..965320202 100644 --- a/src/components/Publish/Submission/Feedback.tsx +++ b/src/components/Publish/Submission/Feedback.tsx @@ -20,6 +20,9 @@ export function Feedback(): ReactElement { )}

{value.description}

+ {value.errorMessage && ( + {value.errorMessage} + )} )) diff --git a/src/components/Publish/_types.ts b/src/components/Publish/_types.ts index 4f529f3b1..1cfe65c10 100644 --- a/src/components/Publish/_types.ts +++ b/src/components/Publish/_types.ts @@ -58,7 +58,7 @@ export interface PublishFeedback { description: string status: 'success' | 'error' | 'pending' | 'active' | string txCount: number - message?: string + errorMessage?: string txHash?: string } } diff --git a/src/components/Publish/index.tsx b/src/components/Publish/index.tsx index 324cc685a..6024e4995 100644 --- a/src/components/Publish/index.tsx +++ b/src/components/Publish/index.tsx @@ -106,7 +106,7 @@ export default function PublishPage({ '1': { ...prevState['1'], status: 'error', - message: error.message + errorMessage: error.message } })) } @@ -165,7 +165,7 @@ export default function PublishPage({ '2': { ...prevState['2'], status: 'error', - message: error.message + errorMessage: error.message } })) } @@ -224,7 +224,7 @@ export default function PublishPage({ '3': { ...prevState['3'], status: 'error', - message: error.message + errorMessage: error.message } })) }