From 49a9fe78198cd72edd8be5cc6cc7f3de80dd3205 Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Thu, 18 Jun 2020 15:49:31 -0300
Subject: [PATCH] :construction: make link to /mobile

---
 client/common/Icons.jsx                    |  2 ++
 client/modules/IDE/pages/IDEViewMobile.jsx |  9 +++++----
 client/modules/Mobile/MobileSketchView.jsx | 16 ++++++++++++----
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/client/common/Icons.jsx b/client/common/Icons.jsx
index 05708733..ce9c09fd 100644
--- a/client/common/Icons.jsx
+++ b/client/common/Icons.jsx
@@ -9,6 +9,7 @@ import Close from '../images/close.svg';
 import DropdownArrow from '../images/down-filled-triangle.svg';
 import Play from '../images/triangle-arrow-right.svg';
 import Preferences from '../images/preferences.svg';
+import Exit from '../images/exit.svg';
 
 
 // HOC that adds the right web accessibility props
@@ -54,3 +55,4 @@ export const CloseIcon = withLabel(Close);
 export const DropdownArrowIcon = withLabel(DropdownArrow);
 export const PlayIcon = withLabel(Play);
 export const PreferencesIcon = withLabel(Preferences);
+export const ExitIcon = withLabel(Exit);
diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
index f1c8b705..fb9a9325 100644
--- a/client/modules/IDE/pages/IDEViewMobile.jsx
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -31,7 +31,6 @@ import Header from '../../../components/mobile/Header';
 import Screen from '../../../components/mobile/MobileScreen';
 import Footer from '../../../components/mobile/Footer';
 
-const background = prop('Button.default.background');
 const textColor = prop('primaryTextColor');
 
 const Content = styled.div`
@@ -79,9 +78,11 @@ const IDEViewMobile = (props) => {
           <IconButton onClick={() => setOverlay('preferences')}>
             <PreferencesIcon focusable="false" aria-hidden="true" />
           </IconButton>
-          <IconButton onClick={() => setOverlay('runSketch')}>
-            <PlayIcon viewBox="-1 -1 7 7" focusable="false" aria-hidden="true" />
-          </IconButton>
+          <Link to="/mobile/preview">
+            <IconButton>
+              <PlayIcon viewBox="-1 -1 7 7" focusable="false" aria-hidden="true" />
+            </IconButton>
+          </Link>
         </div>
       </Header>
 
diff --git a/client/modules/Mobile/MobileSketchView.jsx b/client/modules/Mobile/MobileSketchView.jsx
index 1bc70aea..8a845b25 100644
--- a/client/modules/Mobile/MobileSketchView.jsx
+++ b/client/modules/Mobile/MobileSketchView.jsx
@@ -1,16 +1,24 @@
 import React, { useState } from 'react';
-
+import { Link } from 'react-router';
+import styled from 'styled-components';
 import Header from '../../components/mobile/Header';
 import Screen from '../../components/mobile/MobileScreen';
+import { ExitIcon } from '../../common/Icons';
+
+const IconLinkWrapper = styled(Link)`
+  width: 2rem;
+  margin-right: 1.25rem;
+  margin-left: none;
+`;
 
 const MobileSketchView = (props) => {
   const [overlay, setOverlay] = useState(null);
   return (
     <Screen>
       <Header>
-        {/* <IconLinkWrapper to="/mobile" aria-label="Return to original editor">
-        <CloseIcon viewBox="20 21 60 60" />
-      </IconLinkWrapper> */}
+        <IconLinkWrapper to="/mobile" aria-label="Return to original editor">
+          <ExitIcon viewBox="0 0 16 16" />
+        </IconLinkWrapper>
         <div>
           <h2>Hello</h2>
           {/* <h3>{selectedFile.name}</h3> */}