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 styled from 'styled-components';
import { bindActionCreators } from 'redux';
import { useDispatch } from 'react-redux';
import { useDispatch, useSelector } from 'react-redux';
import { remSize } from '../../theme';
import IconButton from './IconButton';
import { TerminalIcon } from '../../common/icons';
@ -16,9 +16,10 @@ const BottomBarContent = styled.h2`
`;
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 (
<BottomBarContent>