Show error messages for Koji builds and Bodhi updates

Related to packit/packit-service#2426

Author: lbarcziova

frontend/src/apiDefinitions.ts

@@ -179,6 +179,7 @@ export interface KojiBuild {
   task_id: string;
   web_url: string;
   build_submission_stdout: string | null;
+  error_message: string | null;
 }
 
 // /api/koji-tag-requests
@@ -307,6 +308,7 @@ export interface BodhiUpdate {
   submitted_time: number;
   update_creation_time: number | null;
   web_url: string | null;
+  error_message: string | null;
 }
 
 // /api/testing-farm/results

frontend/src/components/bodhi/BodhiUpdate.tsx

@@ -4,6 +4,8 @@
 import {
   Card,
   CardBody,
+  CodeBlock,
+  CodeBlockCode,
   Content,
   DescriptionList,
   DescriptionListDescription,
@@ -97,6 +99,18 @@ export const BodhiUpdate = () => {
                   {" "}
                   {data.koji_nvrs}
                 </DescriptionListDescription>
+                {data.error_message ? (
+                  <>
+                    <DescriptionListTerm>Error message</DescriptionListTerm>
+                    <DescriptionListDescription>
+                      <CodeBlock>
+                        <CodeBlockCode>{data.error_message}</CodeBlockCode>
+                      </CodeBlock>
+                    </DescriptionListDescription>
+                  </>
+                ) : (
+                  <></>
+                )}
               </DescriptionListGroup>
               <DescriptionListGroup>
                 <DescriptionListTerm>

frontend/src/components/koji/KojiBuild.tsx

@@ -4,6 +4,8 @@
 import {
   Card,
   CardBody,
+  CodeBlock,
+  CodeBlockCode,
   Content,
   DescriptionList,
   DescriptionListDescription,
@@ -158,6 +160,18 @@ export const KojiBuild = () => {
                     <span>not provided</span>
                   )}
                 </DescriptionListDescription>
+                {data.error_message ? (
+                  <>
+                    <DescriptionListTerm>Error message</DescriptionListTerm>
+                    <DescriptionListDescription>
+                      <CodeBlock>
+                        <CodeBlockCode>{data.error_message}</CodeBlockCode>
+                      </CodeBlock>
+                    </DescriptionListDescription>
+                  </>
+                ) : (
+                  <></>
+                )}
               </DescriptionListGroup>
               <DescriptionListGroup>
                 <DescriptionListTerm>