#510 Not saved indicator improvement

metasfresh · Mar 8, 2017 · 53c6510 · 53c6510
1 parent cf74ba9
commit 53c6510
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 25 deletions.
diff --git a/src/assets/css/indicator.css b/src/assets/css/indicator.css
@@ -1,11 +1,3 @@
-.document-save-indicator {
-    color: $brand-danger-color;
-}
-
-.document-save-indicator:hover{
-    background: none;
-}
-
 .indicators-wrapper {
     border: 1px solid $brand-border-color;
     border-radius: 3px;

diff --git a/src/components/app/Indicator.js b/src/components/app/Indicator.js
@@ -18,11 +18,14 @@ class Indicator extends Component {
     }
 
     render() {
-        const {indicator} = this.props;
+        const {indicator, isDocumentNotSaved} = this.props;
 
         return (
             <div>
-                <div className={'indicator-bar indicator-' + indicator} />
+                <div className={
+                        'indicator-bar indicator-' + indicator +
+                        (isDocumentNotSaved ? ' indicator-error ' : ' ')
+                } />
             </div>
         )
     }

diff --git a/src/components/header/Header.js b/src/components/header/Header.js
@@ -292,20 +292,6 @@ class Header extends Component {
                                 <img src={logo} className="header-logo pointer" onClick={() => this.handleDashboardLink()} />
                             </div>
                             <div className="header-right-side">
-                                <ReactCSSTransitionGroup
-                                    transitionName="fade"
-                                    transitionEnterTimeout={300}
-                                    transitionLeaveTimeout={300}
-                                >
-                                    {isDocumentNotSaved &&
-                                        <div className="document-save-indicator header-item-container">
-                                            <div className="text-xs-center">
-                                                <i className="meta-icon-save" />
-                                            </div>
-                                            <small>Not saved</small>
-                                        </div>
-                                    }
-                                </ReactCSSTransitionGroup>
                                 {docStatus &&
                                     <div
                                         className="hidden-sm-down tooltip-parent"
@@ -386,7 +372,7 @@ class Header extends Component {
                             </div>
                         </div>
                     </div>
-                    {showIndicator && <Indicator />}
+                    {showIndicator && <Indicator {...{isDocumentNotSaved}}/>}
                 </nav>
 
                 {isSubheaderShow && <Subheader