From 0b58048c861becd12ad65ab8c1227a1ace686e62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ivar=20Conradi=20=C3=98sthus?= <ivarconr@gmail.com>
Date: Tue, 9 Feb 2021 10:33:48 +0100
Subject: [PATCH] fix: Add UI for showing 'create tag' errors

---
 .../src/component/feature/add-tag-dialog-component.jsx   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/feature/add-tag-dialog-component.jsx b/frontend/src/component/feature/add-tag-dialog-component.jsx
index 44a3591771..957d6a1df8 100644
--- a/frontend/src/component/feature/add-tag-dialog-component.jsx
+++ b/frontend/src/component/feature/add-tag-dialog-component.jsx
@@ -45,8 +45,12 @@ class AddTagDialogComponent extends Component {
         if (!tag.type) {
             tag.type = 'simple';
         }
-        await this.props.submit(this.props.featureToggleName, tag);
-        this.setState({ openDialog: false, tag: { type: 'simple', value: '' } });
+        try {
+            await this.props.submit(this.props.featureToggleName, tag);
+            this.setState({ openDialog: false, tag: { type: 'simple', value: '' } });
+        } catch (e) {
+            this.setState({ errors: { general: e.message } });
+        }
     };
     render() {
         const { tag, errors, openDialog } = this.state;
@@ -82,6 +86,7 @@ class AddTagDialogComponent extends Component {
                                 onChange={v => this.setValue('value', v.target.value)}
                             />
                         </section>
+                        {errors.general && <p style={{ color: 'red' }}>{errors.general}</p>}
                         <DialogActions>
                             <FormButtons submitText={submitText} onCancel={this.onCancel} />
                         </DialogActions>