feat(item entry): add error text for invalid items

osu-cass · Oct 15, 2018 · 17d98f6 · 17d98f6
1 parent 06d8512
commit 17d98f6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/Assets/Styles/item-bank.less b/src/Assets/Styles/item-bank.less
@@ -18,6 +18,11 @@
   height: 100%;
 }
 
+.error-text {
+  font-size: 14px;
+  color: red;
+}
+
 .item-map-iframe {
   flex-grow: 1;
   padding: 0 0 0 @spacing-unit;

diff --git a/src/ItemEntryTable/ItemEntryRow.tsx b/src/ItemEntryTable/ItemEntryRow.tsx
@@ -218,6 +218,17 @@ export class ItemEntryRow extends React.Component<
     );
   }
 
+  renderError() {
+    let errorElement: JSX.Element;
+    if (this.props.row.valid !== undefined || this.props.row.valid) {
+      errorElement = <td className="error-text">Item Not Found</td>;
+    } else {
+      errorElement = <td />;
+    }
+
+    return errorElement;
+  }
+
   render() {
     const { editRow } = this.state;
 
@@ -236,6 +247,7 @@ export class ItemEntryRow extends React.Component<
         )}
         {this.renderRowSection(editRow)}
         {this.renderDeleteButton()}
+        {this.renderError()}
       </tr>
     );
   }