add as child hover

Author: ChristianEdwardPadilla

src/components/KonvaStage.jsx

@@ -217,7 +217,7 @@ class KonvaStage extends Component {
                   draggable={true}
                   blockSnapSize={this.state.blockSnapSize}
                   imageSource={
-                    child.htmlElement == 'Image' && child.HTMLInfo.Src ? child.HTMLInfo.Src : null
+                    child.htmlElement === 'Image' && child.HTMLInfo.Src ? child.HTMLInfo.Src : null
                   }
                 />
               ))

src/components/LeftColExpansionPanel.jsx

@@ -9,6 +9,7 @@ import Grid from '@material-ui/core/Grid';
 import AddIcon from '@material-ui/icons/Add';
 import DeleteIcon from '@material-ui/icons/Delete';
 import Button from '@material-ui/core/Button';
+import Tooltip from '@material-ui/core/Tooltip';
 
 const LeftColExpansionPanel = (props) => {
   const {
@@ -110,14 +111,16 @@ const LeftColExpansionPanel = (props) => {
         {id === 1 || isFocused() || !selectableChildren.includes(id) ? (
           <div />
         ) : (
-          <IconButton
-            aria-label="Add"
-            onClick={() => {
-              addChild({ title, childType: 'COMP' });
-            }}
-          >
-            <AddIcon style={{ color, float: 'right' }} />
-          </IconButton>
+          <Tooltip title="add as child" aria-label="add as child" placement="left">
+            <IconButton
+              aria-label="Add"
+              onClick={() => {
+                addChild({ title, childType: 'COMP' });
+              }}
+            >
+              <AddIcon style={{ color, float: 'right' }} />
+            </IconButton>
+          </Tooltip>
         )}
       </Grid>
     </Grid>

src/components/MainContainerHeader.jsx

@@ -80,24 +80,22 @@ const MainContainerHeader = (props) => {
             </Button>
           </div>
         </Tooltip> */}
-        <Tooltip title={'export'}>
-          <div>
-            <Button
-              color="primary"
-              variant="text"
-              // variant="outlined"
-              className={classes.clearButton}
-              disabled={totalComponents < 1}
-              onClick={showGenerateAppModal}
-            >
-              <GetAppIcon
-                className={classes.light}
-                style={{ paddingLeft: '5px', paddingRight: '5px' }}
-              />
-              Export Project
-            </Button>
-          </div>
-        </Tooltip>
+        <div>
+          <Button
+            color="primary"
+            variant="text"
+            // variant="outlined"
+            className={classes.clearButton}
+            disabled={totalComponents < 1}
+            onClick={showGenerateAppModal}
+          >
+            <GetAppIcon
+              className={classes.light}
+              style={{ paddingLeft: '5px', paddingRight: '5px' }}
+            />
+            Export Project
+          </Button>
+        </div>
       </div>
     </div>
   );