Clean up logic

This commit is contained in:
Paulo Gustavo Veiga 2022-02-25 10:38:11 -08:00
parent 89f4a5137c
commit 61c4fd9889
2 changed files with 9 additions and 7 deletions

View File

@ -7,12 +7,13 @@ import AddSvg from '../../../images/add.svg';
import MinusSvg from '../../../images/minus.svg';
import CenterFocusSvg from '../../../images/center_focus.svg';
import ActionButton from '../action-button';
import { EditorRenderMode } from '@wisemapping/mindplot';
export type FooterPropsType = {
showTryPanel?: boolean;
editorMode: EditorRenderMode;
};
const Footer = ({ showTryPanel }: FooterPropsType): React.ReactElement => {
const Footer = ({ editorMode }: FooterPropsType): React.ReactElement => {
const intl = useIntl();
return (
@ -37,7 +38,7 @@ const Footer = ({ showTryPanel }: FooterPropsType): React.ReactElement => {
</div>
<StyledLogo id="bottom-logo"></StyledLogo>
<Notifier id="headerNotifier"></Notifier>
{showTryPanel && (
{editorMode === 'showcase' && (
<div id="tryInfoPanel">
<p>{intl.formatMessage({ id: 'editor.try-welcome' })}</p>
<p>{intl.formatMessage({ id: 'editor.try-welcome-description' })}</p>

View File

@ -28,16 +28,17 @@ import './global-styled.css';
import { HeaderContainer, ToolbarButton, ToolbarButtonExt, ToolbarRightContainer } from './styled';
import ActionButton from '../action-button';
import { EditorRenderMode } from '@wisemapping/mindplot';
export type ToolbarActionType = 'export' | 'publish' | 'history' | 'print' | 'share';
export type ToolbarPropsType = {
isTryMode: boolean;
editorMode: EditorRenderMode;
onAction: (action: ToolbarActionType) => void;
};
export default function Toolbar({
isTryMode: isTryMode,
editorMode: editorMode,
onAction,
}: ToolbarPropsType): React.ReactElement {
const intl = useIntl();
@ -47,7 +48,7 @@ export default function Toolbar({
<div id="backToList">
<img src={BackIconSvg} />
</div>
{!isTryMode && (
{editorMode === 'edition' && (
<div id="persist" className="buttonContainer">
<ToolbarButton id="save" className="buttonOn">
<img src={SaveSvg} />
@ -111,7 +112,7 @@ export default function Toolbar({
</ToolbarButton>
</div>
<div id="separator" className="buttonContainer"></div>
{!isTryMode && (
{editorMode === 'edition' && (
<ToolbarRightContainer>
<ToolbarButton
id="export"