From fa7b41da04f8d5fa8b6c8bd6d3edafa7c02a91ee Mon Sep 17 00:00:00 2001
From: kytwb <kytwb@pm.me>
Date: Tue, 14 Dec 2021 15:26:06 +0100
Subject: Add visual feedback on updateWorkspaceRequest error

---
 src/features/workspaces/components/EditWorkspaceForm.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'src/features/workspaces')

diff --git a/src/features/workspaces/components/EditWorkspaceForm.js b/src/features/workspaces/components/EditWorkspaceForm.js
index e8bd9d60c..406059795 100644
--- a/src/features/workspaces/components/EditWorkspaceForm.js
+++ b/src/features/workspaces/components/EditWorkspaceForm.js
@@ -5,6 +5,7 @@ import { defineMessages, injectIntl } from 'react-intl';
 import { Link } from 'react-router';
 import injectSheet from 'react-jss';
 
+import { Infobox } from '../../../components/ui/infobox/index';
 import { Input } from '../../../components/ui/input/index';
 import { Button } from '../../../components/ui/button/index';
 import Workspace from '../models/Workspace';
@@ -92,7 +93,8 @@ class EditWorkspaceForm extends Component {
   }
 
   prepareWorkspaceForm(workspace) {
-    const { intl } = this.props;
+    const { intl, updateWorkspaceRequest } = this.props;
+    updateWorkspaceRequest.reset();
     return new Form({
       fields: {
         name: {
@@ -165,6 +167,14 @@ class EditWorkspaceForm extends Component {
           <span className="settings__header-item">{workspace.name}</span>
         </div>
         <div className="settings__body">
+          {updateWorkspaceRequest.error && (
+            <Infobox
+              icon="alert"
+              type="danger"
+            >
+              Error while saving workspace
+            </Infobox>
+          )}
           <div className={classes.nameInput}>
             <Input {...form.$('name').bind()} />
             <Toggle field={form.$('keepLoaded')} />
-- 
cgit v1.2.3-54-g00ecf