From dd4221f65f7c62770569aaa83096e1f523e3c9df Mon Sep 17 00:00:00 2001
From: Rahul Gupta <rahulkartgupta@gmail.com>
Date: Thu, 13 Jun 2024 09:12:48 -0700
Subject: [PATCH] respond to comments

---
 src/editor/components/Main.js                 |  2 +-
 .../ActionBar/ActionBar.component.jsx         |  8 ++---
 .../ActionBar/ActionBar.module.scss           | 34 +++++++++----------
 src/editor/index.js                           |  1 +
 4 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/src/editor/components/Main.js b/src/editor/components/Main.js
index 56a3ab660..47b2c3580 100644
--- a/src/editor/components/Main.js
+++ b/src/editor/components/Main.js
@@ -283,7 +283,7 @@ export default class Main extends Component {
           </div>
         )}
         {this.state.inspectorEnabled && (
-          <div id="scene-title">
+          <div id="action-bar">
             <ActionBar
               handleAddClick={this.toggleAddLayerPanel}
               isAddLayerPanelOpen={this.state.isAddLayerPanelOpen}
diff --git a/src/editor/components/components/ActionBar/ActionBar.component.jsx b/src/editor/components/components/ActionBar/ActionBar.component.jsx
index 36442c219..519741763 100644
--- a/src/editor/components/components/ActionBar/ActionBar.component.jsx
+++ b/src/editor/components/components/ActionBar/ActionBar.component.jsx
@@ -15,14 +15,14 @@ const ActionBar = ({ handleAddClick, isAddLayerPanelOpen }) => {
   return (
     <div>
       {!isAddLayerPanelOpen && (
-        <div className={styles.wrapper} id="findme">
-          <button type="button" onClick={handleSelectClick} key="handButton">
+        <div className={styles.wrapper}>
+          <button type="button" onClick={handleSelectClick}>
             <ArrowDown24Icon />
           </button>
-          <button type="button" onClick={handleHandClick} key="handButton">
+          <button type="button" onClick={handleHandClick}>
             <ArrowDown24Icon />
           </button>
-          <button type="button" onClick={handleAddClick} key="addLayerButton">
+          <button type="button" onClick={handleAddClick}>
             <Circle20Icon />
           </button>
         </div>
diff --git a/src/editor/components/components/ActionBar/ActionBar.module.scss b/src/editor/components/components/ActionBar/ActionBar.module.scss
index 160c1c14f..31c488310 100644
--- a/src/editor/components/components/ActionBar/ActionBar.module.scss
+++ b/src/editor/components/components/ActionBar/ActionBar.module.scss
@@ -1,22 +1,20 @@
 @use '../../../style/variables.scss';
 
 .wrapper {
-    position: absolute;
-    background: rgba(55, 55, 55, 0.4);
-    transform: translateX(-50%);
-    bottom: 15%;
-    left: 50%;
-    border: unset;
-    height: 40px;
-    border-radius: 16px;
-    align-items: center;
-    display: flex;
-    column-gap: 8px;
-    padding: 8px 12px;
-    transition: 0.2s ease-in-out;
-    &:hover {
-      background: rgba(55, 55, 55, 0.6);
-    }
-  
-  ;
+  position: absolute;
+  background: rgba(55, 55, 55, 0.4);
+  transform: translateX(-50%);
+  bottom: 15%;
+  left: 50%;
+  border: unset;
+  height: 40px;
+  border-radius: 16px;
+  align-items: center;
+  display: flex;
+  column-gap: 8px;
+  padding: 8px 12px;
+  transition: 0.2s ease-in-out;
+  &:hover {
+    background: rgba(55, 55, 55, 0.6);
+  }
 }
diff --git a/src/editor/index.js b/src/editor/index.js
index c510a4111..bf5a90db4 100644
--- a/src/editor/index.js
+++ b/src/editor/index.js
@@ -192,6 +192,7 @@ Inspector.prototype = {
 
     Events.on('hidecursor', () => {
       this.cursor.pause();
+      this.selectEntity(null);
     });
     Events.on('showcursor', () => {
       this.cursor.play();