From 5aa349522ac9fcf25310ccd4c316e8d2672e5930 Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Tue, 16 Jun 2020 16:52:35 -0300
Subject: [PATCH] :ok_hand: fix icon import

---
 client/modules/IDE/pages/IDEViewMobile.jsx | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
index dfb8787d..84fd68f0 100644
--- a/client/modules/IDE/pages/IDEViewMobile.jsx
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-// import { Link } from 'react-router';
+import { Link } from 'react-router';
 import { connect } from 'react-redux';
 import { withRouter } from 'react-router';
 import { useState } from 'react';
@@ -21,7 +21,7 @@ import { getHTMLFile } from '../reducers/files';
 // Local Imports
 import Editor from '../components/Editor';
 import { prop, remSize } from '../../../theme';
-import CloseIcon from '../../../images/exit.svg';
+import { CloseIcon } from '../../../common/Icons';
 
 const background = prop('Button.default.background');
 const textColor = prop('primaryTextColor');
@@ -40,7 +40,7 @@ const Header = styled.div`
   display: flex;
   flex: 1;
   flex-direction: row;
-  // justify-content: space-between;
+  justify-content: flex-start;
   align-items: center;
 `;
 
@@ -82,7 +82,6 @@ Screen.propTypes = {
 const isUserOwner = ({ project, user }) => (project.owner && project.owner.id === user.id);
 
 const IDEViewMobile = (props) => {
-  // const
   const {
     preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage, selectedFile, updateFileContent, files, closeEditorOptions, showEditorOptions, showKeyboardShortcutModal, setUnsavedChanges, startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console, showRuntimeErrorWarning, hideRuntimeErrorWarning
   } = props;
@@ -92,18 +91,14 @@ const IDEViewMobile = (props) => {
   return (
     <Screen>
       <Header>
+        <Link to="/" style={{ width: '3rem', marginRight: '1.25rem' }}>
+          <CloseIcon viewBox="20 21 60 60" aria-hidden="true" aria-label="close header" />
+        </Link>
         <div>
           <h2>{project.name}</h2>
           <h3>{selectedFile.name}</h3>
         </div>
-        <Icon href="/">
-          <CloseIcon focusable="false" aria-hidden="true" />
-        </Icon>
       </Header>
-      {/* <div>
-        { [preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage, selectedFile, updateFileContent, files, closeEditorOptions, showEditorOptions, showKeyboardShortcutModal, setUnsavedChanges, startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console, showRuntimeErrorWarning, hideRuntimeErrorWarning]
-          .map(pr => <h5>{pr.toString()}</h5>) }
-      </div> */}
 
       <Content>
         <Editor