feat(item bank): add logic to display error message from api

Author: tnoelcke

mocks/ItemBank/mocks.ts

@@ -18,7 +18,13 @@ export const mockBankItemExistsClient = (items: ItemExistsRequestModel[]) => {
   const result: ItemExistsResponseModel[] = [];
   items.forEach((item, index) => {
     if (index % 2 === 0) {
-      result.push({ ...item, exists: false });
+      result.push({
+        ...item,
+        exists: false,
+        error: "Its Raining cats and Dogs"
+      });
+    } else {
+      result.push({ ...item, exists: true });
     }
   });
 

src/ItemBank/ItemBankModels.ts

@@ -13,6 +13,7 @@ export interface ItemRevisionModel {
   revision?: string;
   isaap?: string;
   valid?: boolean;
+  error?: string;
 }
 
 export interface ItemExistsRequestModel {
@@ -23,6 +24,7 @@ export interface ItemExistsRequestModel {
 
 export interface ItemExistsResponseModel extends ItemExistsRequestModel {
   exists: boolean;
+  error?: string;
 }
 
 export function itemsAreEqual(
@@ -79,6 +81,7 @@ export function existenceResponseModelToRevisionModel(
     );
     if (match) {
       item.valid = match.exists;
+      item.error = match.error;
     }
 
     return item;

src/ItemEntryTable/ItemEntryRow.tsx

@@ -188,7 +188,8 @@ export class ItemEntryRow extends React.Component<
     const hidden =
       this.props.row.valid !== undefined &&
       !this.props.row.valid &&
-      this.props.row.itemKey
+      this.props.row.itemKey &&
+      this.props.row.error
         ? ""
         : "hidden";
 
@@ -206,7 +207,7 @@ export class ItemEntryRow extends React.Component<
           editRow.itemKey
         )}
         {this.renderDeleteButton()}
-        <td className={`error-text ${hidden}`}>Item Not Found</td>
+        <td className={`error-text ${hidden}`}>{this.props.row.error}</td>
       </tr>
     );
   }