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

👌 make console button toggle between collapse and expand

Browse source
This commit is contained in:
ghalestrilo 2020-07-21 18:09:48 -03:00
parent 3f01fc4806
commit f3bedb0932
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/components/mobile/ActionStrip.jsx
View file

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { bindActionCreators } from 'redux'; import { bindActionCreators } from 'redux';
import { useDispatch } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { remSize } from '../../theme'; import { remSize } from '../../theme';
import IconButton from './IconButton'; import IconButton from './IconButton';
import { TerminalIcon } from '../../common/icons'; import { TerminalIcon } from '../../common/icons';
@ -16,9 +16,10 @@ const BottomBarContent = styled.h2`
`; `;
export default () => { export default () => {
const { expandConsole } = bindActionCreators(IDEActions, useDispatch()); const { expandConsole, collapseConsole } = bindActionCreators(IDEActions, useDispatch());
const { consoleIsExpanded } = useSelector(state => state.ide);
const actions = [{ icon: TerminalIcon, aria: 'Say Something', action: expandConsole }]; const actions = [{ icon: TerminalIcon, aria: 'Say Something', action: consoleIsExpanded ? collapseConsole : expandConsole }];
return ( return (
<BottomBarContent> <BottomBarContent>