From 87f12cd9a03cac33783a09e6a2f7e36827fb3949 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Mon, 6 May 2024 17:14:03 +0530
Subject: [PATCH] fix prettier for JS

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

diff --git a/src/components/ContentWrap.jsx b/src/components/ContentWrap.jsx
index f3ba9a0..2dba652 100644
--- a/src/components/ContentWrap.jsx
+++ b/src/components/ContentWrap.jsx
@@ -904,7 +904,7 @@ export default class ContentWrap extends Component {
 								<a
 									class="code-wrap__header-btn "
 									title="Format code"
-									onClick={this.prettifyBtnClickHandler.bind(this, 'css')}
+									onClick={this.prettifyBtnClickHandler.bind(this, 'js')}
 								>
 									<svg>
 										<use xlinkHref="#code-brace-icon" />
diff --git a/src/components/app.jsx b/src/components/app.jsx
index 1c8c3bb..2ea1a9d 100644
--- a/src/components/app.jsx
+++ b/src/components/app.jsx
@@ -1687,7 +1687,7 @@ export default class App extends Component {
 		// 3 pane mode
 		if (typeof what === 'string') {
 			prettify({
-				content: this.state.currentItem[what],
+				content: this.state.currentItem[what] || '',
 				type: { html: 'html', js: 'js', css: 'css' }[what]
 			}).then(formattedContent => {
 				if (this.state.currentItem[what] === formattedContent) {
@@ -1708,6 +1708,7 @@ export default class App extends Component {
 			...this.state.currentItem,
 			files: [...this.state.currentItem.files]
 		};
+
 		prettify({ file: selectedFile }).then(formattedContent => {
 			if (formattedContent !== selectedFile.content) {
 				selectedFile.content = formattedContent;