vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-22 06:37:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add info icon

Browse Source
This commit is contained in:
Paulo Gustavo Veiga 2022-04-11 09:00:56 -03:00
parent bb2b65ef47
commit ebbc692cf6
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/editor/images/info.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 253 B

10
packages/editor/src/components/toolbar/index.tsx
View File

@ -20,6 +20,7 @@ import TopicNoteSvg from '../../../images/topic-note.svg';
import TopicLinkSvg from '../../../images/topic-link.svg'; import TopicLinkSvg from '../../../images/topic-link.svg';
import TopicRelationSvg from '../../../images/topic-relation.svg'; import TopicRelationSvg from '../../../images/topic-relation.svg';
import ExportSvg from '../../../images/export.svg'; import ExportSvg from '../../../images/export.svg';
import InfoSvg from '../../../images/info.svg';
import PublicSvg from '../../../images/public.svg'; import PublicSvg from '../../../images/public.svg';
import HistorySvg from '../../../images/history.svg'; import HistorySvg from '../../../images/history.svg';
import PrintSvg from '../../../images/print.svg'; import PrintSvg from '../../../images/print.svg';
@ -30,7 +31,7 @@ import { HeaderContainer, ToolbarButton, ToolbarButtonExt, ToolbarRightContainer
import ActionButton from '../action-button'; import ActionButton from '../action-button';
import { EditorRenderMode } from '@wisemapping/mindplot'; import { EditorRenderMode } from '@wisemapping/mindplot';
export type ToolbarActionType = 'export' | 'publish' | 'history' | 'print' | 'share'; export type ToolbarActionType = 'export' | 'publish' | 'history' | 'print' | 'share' | 'info';
export type ToolbarPropsType = { export type ToolbarPropsType = {
editorMode: EditorRenderMode; editorMode: EditorRenderMode;
@ -133,6 +134,13 @@ export default function Toolbar({
<img src={PrintSvg} /> <img src={PrintSvg} />
</ToolbarButton> </ToolbarButton>
)} )}
<ToolbarButton
id="info"
className="buttonOn"
onClick={() => onAction('info')}
>
<img src={InfoSvg} />
</ToolbarButton>
{editorMode === 'edition-owner' && ( {editorMode === 'edition-owner' && (
<> <>
<ToolbarButton <ToolbarButton