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

🚧 write hooks for mounting MobileIDEView component

Browse source
This commit is contained in:
ghalestrilo 2020-08-05 15:27:22 -03:00
parent dd431a07df
commit f2e8d40861
1 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
client/modules/IDE/pages/MobileIDEView.jsx
View file

@ -64,10 +64,10 @@ const getNatOptions = (username = undefined) =>
const MobileIDEView = (props) => {
const {
preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage,
selectedFile, updateFileContent, files, user,
selectedFile, updateFileContent, files, user, params,
closeEditorOptions, showEditorOptions,
startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console,
showRuntimeErrorWarning, hideRuntimeErrorWarning, startSketch
showRuntimeErrorWarning, hideRuntimeErrorWarning, startSketch, getProject, clearPersistedState
} = props;
const [tmController, setTmController] = useState(null); // eslint-disable-line
@ -79,16 +79,22 @@ const MobileIDEView = (props) => {
align="right"
/>);
// Force state reset
useEffect(clearPersistedState, []);
useEffect(stopSketch, []);
useEffect(() => getProject(params.project_id), []);
// Load Project
const [currentProjectID, setCurrentProjectID] = useState(null);
useEffect(() => {
// const { project_id } = params;
// const oldproject_id = '';
if (params.project_id && !currentProjectID) {
if (params.project_id !== project.id) {
getProject(params.project_id);
}
}
setCurrentProjectID(params.project_id);
}, [params, project]);
// if (nextProps.params.project_id && !oldproject_id)
// if (nextProps.params.project_id !== nextProps.project.id)
// getProject(nextProps.params.project_id);
}, []);
return (
<Screen fullscreen>
@ -260,6 +266,10 @@ MobileIDEView.propTypes = {
id: PropTypes.string,
username: PropTypes.string,
}).isRequired,
getProject: PropTypes.func.isRequired,
clearPersistedState: PropTypes.func.isRequired,
params: PropTypes.shape({ project_id: PropTypes.string }).isRequired,
};
function mapStateToProps(state) {