r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

🚧 make link to /mobile

Browse source
This commit is contained in:
ghalestrilo 2020-06-18 15:49:31 -03:00
parent 5c80702d99
commit 49a9fe7819
3 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/common/Icons.jsx
View file

@ -9,6 +9,7 @@ import Close from '../images/close.svg';
import DropdownArrow from '../images/down-filled-triangle.svg'; import DropdownArrow from '../images/down-filled-triangle.svg';
import Play from '../images/triangle-arrow-right.svg'; import Play from '../images/triangle-arrow-right.svg';
import Preferences from '../images/preferences.svg'; import Preferences from '../images/preferences.svg';
import Exit from '../images/exit.svg';
// HOC that adds the right web accessibility props // HOC that adds the right web accessibility props
@ -54,3 +55,4 @@ export const CloseIcon = withLabel(Close);
export const DropdownArrowIcon = withLabel(DropdownArrow); export const DropdownArrowIcon = withLabel(DropdownArrow);
export const PlayIcon = withLabel(Play); export const PlayIcon = withLabel(Play);
export const PreferencesIcon = withLabel(Preferences); export const PreferencesIcon = withLabel(Preferences);
export const ExitIcon = withLabel(Exit);

9
client/modules/IDE/pages/IDEViewMobile.jsx
View file

@ -31,7 +31,6 @@ import Header from '../../../components/mobile/Header';
import Screen from '../../../components/mobile/MobileScreen'; import Screen from '../../../components/mobile/MobileScreen';
import Footer from '../../../components/mobile/Footer'; import Footer from '../../../components/mobile/Footer';
const background = prop('Button.default.background');
const textColor = prop('primaryTextColor'); const textColor = prop('primaryTextColor');
const Content = styled.div` const Content = styled.div`
@ -79,9 +78,11 @@ const IDEViewMobile = (props) => {
<IconButton onClick={() => setOverlay('preferences')}> <IconButton onClick={() => setOverlay('preferences')}>
<PreferencesIcon focusable="false" aria-hidden="true" /> <PreferencesIcon focusable="false" aria-hidden="true" />
</IconButton> </IconButton>
<IconButton onClick={() => setOverlay('runSketch')}> <Link to="/mobile/preview">
<PlayIcon viewBox="-1 -1 7 7" focusable="false" aria-hidden="true" /> <IconButton>
</IconButton> <PlayIcon viewBox="-1 -1 7 7" focusable="false" aria-hidden="true" />
</IconButton>
</Link>
</div> </div>
</Header> </Header>

16
client/modules/Mobile/MobileSketchView.jsx
View file

@ -1,16 +1,24 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Link } from 'react-router';
import styled from 'styled-components';
import Header from '../../components/mobile/Header'; import Header from '../../components/mobile/Header';
import Screen from '../../components/mobile/MobileScreen'; 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 MobileSketchView = (props) => {
const [overlay, setOverlay] = useState(null); const [overlay, setOverlay] = useState(null);
return ( return (
<Screen> <Screen>
<Header> <Header>
{/* <IconLinkWrapper to="/mobile" aria-label="Return to original editor"> <IconLinkWrapper to="/mobile" aria-label="Return to original editor">
<CloseIcon viewBox="20 21 60 60" /> <ExitIcon viewBox="0 0 16 16" />
</IconLinkWrapper> */} </IconLinkWrapper>
<div> <div>
<h2>Hello</h2> <h2>Hello</h2>
{/* <h3>{selectedFile.name}</h3> */} {/* <h3>{selectedFile.name}</h3> */}