Change default icon

packages/editor/cypress/e2e/topicFontChange.cy.ts

@@ -13,6 +13,8 @@ context('Edit Topic', () => {
   it('Change Main Topic Text', () => {
     cy.get('body').type('New Title Main Topic{enter}');
     cy.get('[test-id=1] > text > tspan').should('have.text', 'New Title Main Topic');
+
+    cy.wait(200);
     cy.matchImageSnapshot('changeMainTopicText');
   });
 
@@ -40,6 +42,8 @@ context('Edit Topic', () => {
 
     cy.get('@bigger').eq(1).click();
     cy.get('[test-id=1] > text').invoke('attr', 'font-size').should('eq', '20.2');
+
+    cy.wait(200);
     cy.matchImageSnapshot('changeFontSizeHuge');
   });
 
@@ -49,6 +53,7 @@ context('Edit Topic', () => {
 
     cy.get('[test-id=1] > text').invoke('attr', 'font-style').should('eq', 'italic');
 
+    cy.wait(200);
     cy.matchImageSnapshot('changeFontItalic');
   });
 
@@ -58,6 +63,7 @@ context('Edit Topic', () => {
 
     cy.get('[test-id=1] > text').invoke('attr', 'font-weight').should('eq', 'normal');
 
+    cy.wait(200);
     cy.matchImageSnapshot('changeFontBold');
   });
 
@@ -68,6 +74,7 @@ context('Edit Topic', () => {
 
     cy.get('[test-id=1] > text').invoke('attr', 'fill').should('eq', '#cc0000');
 
+    cy.wait(200);
     cy.matchImageSnapshot('changeFontColor');
   });
 });

packages/editor/cypress/e2e/topicManager.cy.ts

@@ -12,6 +12,7 @@ context('Node manager', () => {
 
     cy.get('[test-id=36] > text > tspan').should('exist');
 
+    cy.wait(200);
     cy.matchImageSnapshot('editor-shortcut-edit');
   });
 
@@ -23,6 +24,7 @@ context('Node manager', () => {
     cy.get('[test-id=36] > text > tspan').should('exist');
     cy.get('[test-id=37] > text > tspan').should('exist');
 
+    cy.wait(200);
     cy.matchImageSnapshot('addChildNodeSortcut');
   });
 
@@ -32,6 +34,7 @@ context('Node manager', () => {
 
     cy.get('[test-id=37]').should('not.exist');
 
+    cy.wait(200);
     cy.matchImageSnapshot('deleteTopicShortcut');
   });
 
@@ -40,12 +43,15 @@ context('Node manager', () => {
 
     cy.get('[test-id=36] > text > tspan').should('exist');
 
+    cy.wait(200);
     cy.matchImageSnapshot('undoChange');
   });
 
   it('redo changes', () => {
     cy.get('[data-testid="RedoOutlinedIcon"]').click();
     cy.get('[test-id=36] > text > tspan').should('exist');
+
+    cy.wait(200);
     cy.matchImageSnapshot('redoChange');
   });
 
@@ -53,6 +59,7 @@ context('Node manager', () => {
     cy.contains('Mind Mapping rocks!!').click({ force: true });
     cy.get('body').type('{ctrl}s');
 
+    cy.wait(200);
     cy.matchImageSnapshot('saveChagesShortcut');
   });
 });

packages/editor/cypress/e2e/topicShape.cy.ts

@@ -16,6 +16,7 @@ context('Change Topic shape', () => {
       .should('be.a', 'number')
       .should('eq', 0);
 
+    cy.wait(200);
     cy.matchImageSnapshot('changeToSquareShape');
   });
 
@@ -39,6 +40,7 @@ context('Change Topic shape', () => {
       .should('be.a', 'number')
       .should('be.lt', 5);
 
+    cy.wait(200);
     cy.matchImageSnapshot('changeToRoundedRectangle');
   });
 
@@ -48,6 +50,7 @@ context('Change Topic shape', () => {
     cy.get(`[aria-label="Topic Style"]`).first().trigger('mouseover');
     cy.get(`[aria-label="Line shape"]`).first().click();
 
+    cy.wait(200);
     cy.matchImageSnapshot('changeToLine');
   });
 
@@ -71,6 +74,7 @@ context('Change Topic shape', () => {
       .should('be.a', 'number')
       .should('be.lt', 15);
 
+    cy.wait(200);
     cy.matchImageSnapshot('changeToEllipseShape');
   });
 });

packages/editor/src/components/editor-toolbar/configBuilder.tsx

@@ -37,7 +37,7 @@ import GestureOutlined from '@mui/icons-material/GestureOutlined';
 import TimelineOutined from '@mui/icons-material/TimelineOutlined';
 import ShareOutlined from '@mui/icons-material/ShareOutlined';
 import SwapCallsOutlined from '@mui/icons-material/SwapCallsOutlined';
-import ClearOutlined from '@mui/icons-material/ClearOutlined';
+import NotInterestedOutlined from '@mui/icons-material/NotInterestedOutlined';
 
 import Palette from '@mui/icons-material/Square';
 import SquareOutlined from '@mui/icons-material/SquareOutlined';
@@ -125,7 +125,7 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
         ],
       },
       {
-        icon: <ClearOutlined />,
+        icon: <NotInterestedOutlined />,
         tooltip: intl.formatMessage({
           id: 'editor-panel.tooltip-topic-border-color-default',
           defaultMessage: 'Default border color',
@@ -154,7 +154,7 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
         ],
       },
       {
-        icon: <ClearOutlined />,
+        icon: <NotInterestedOutlined />,
         tooltip: intl.formatMessage({
           id: 'editor-panel.tooltip-topic-fill-color-default',
           defaultMessage: 'Default fill color',
@@ -232,7 +232,7 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
         ],
       },
       {
-        icon: <ClearOutlined />,
+        icon: <NotInterestedOutlined />,
         tooltip: intl.formatMessage({
           id: 'editor-panel.tooltip-connection-color-default',
           defaultMessage: 'Default color',
@@ -323,7 +323,7 @@ export function buildEditorPanelConfig(model: Editor, intl: IntlShape): ActionCo
         ],
       },
       {
-        icon: <ClearOutlined />,
+        icon: <NotInterestedOutlined />,
         tooltip: intl.formatMessage({
           id: 'editor-panel.tooltip-topic-font-color-default',
           defaultMessage: 'Default color',