From 73e89f7a89f4fa3ef06532a0b98d33d9472c33f1 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Tue, 16 Jul 2019 22:03:05 +0530
Subject: [PATCH] remove dom access

---
 src/components/ContentWrap.jsx | 27 +++++++++++++--------------
 src/components/app.jsx         |  2 --
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/components/ContentWrap.jsx b/src/components/ContentWrap.jsx
index c4c6f75..8090e00 100644
--- a/src/components/ContentWrap.jsx
+++ b/src/components/ContentWrap.jsx
@@ -462,9 +462,6 @@ export default class ContentWrap extends Component {
 		this.props.onCodeModeChange('css', value);
 		this.props.currentItem.cssMode = value;
 		this.cm.css.setOption('readOnly', modes[value].cmDisable);
-		window.cssSettingsBtn.classList[
-			modes[value].hasSettings ? 'remove' : 'add'
-		]('hide');
 		this.cm.css.setLanguage(value);
 		return handleModeRequirements(value);
 	}
@@ -733,17 +730,19 @@ export default class ContentWrap extends Component {
 								</select>
 							</label>
 							<div class="code-wrap__header-right-options">
-								<a
-									href="#"
-									id="cssSettingsBtn"
-									title="Atomic CSS configuration"
-									onClick={this.cssSettingsBtnClickHandler.bind(this)}
-									class="code-wrap__header-btn hide"
-								>
-									<svg>
-										<use xlinkHref="#settings-icon" />
-									</svg>
-								</a>
+								{modes[this.props.currentItem.cssMode || 'css'].hasSettings && (
+									<a
+										href="#"
+										id="cssSettingsBtn"
+										title="Atomic CSS configuration"
+										onClick={this.cssSettingsBtnClickHandler.bind(this)}
+										class="code-wrap__header-btn"
+									>
+										<svg>
+											<use xlinkHref="#settings-icon" />
+										</svg>
+									</a>
+								)}
 								<a
 									class="code-wrap__header-btn "
 									title="Format code"
diff --git a/src/components/app.jsx b/src/components/app.jsx
index 94d779f..9198c70 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -286,8 +286,6 @@ export default class App extends Component {
 		this.setState(prevState => {
 			const newCount = prevState.unsavedEditCount + 1;
 
-			console.log('checking on ', newCount);
-
 			if (
 				newCount % UNSAVED_WARNING_COUNT === 0 &&
 				newCount >= UNSAVED_WARNING_COUNT