diff --git a/src/components/trash/TrashHelper.jsx b/src/components/trash/TrashDialog.jsx
similarity index 96%
rename from src/components/trash/TrashHelper.jsx
rename to src/components/trash/TrashDialog.jsx
index 0d3592d..89b6fdc 100644
--- a/src/components/trash/TrashHelper.jsx
+++ b/src/components/trash/TrashDialog.jsx
@@ -2,7 +2,7 @@ import React from 'react';
import { MODES } from '$constants/modes';
-export class TrashHelper extends React.Component {
+export class TrashDialog extends React.Component {
clearPoly = () => {
this.props.editor.poly.clearAll();
this.props.editor.changeMode(MODES.NONE);
diff --git a/src/constants/logos.js b/src/constants/logos.js
new file mode 100644
index 0000000..ff67af0
--- /dev/null
+++ b/src/constants/logos.js
@@ -0,0 +1,10 @@
+export const LOGOS = {
+ default: ['Без логотипа', null, 'bottom-right'],
+ nvs: ['НВС', '/misc/lgo.png', 'bottom-right'],
+ pinmix: ['Пин-Микс', '/misc/pin-mix.png', 'top-right'],
+ jolly: ['Пин-Микс + JW', '/misc/jw.png', 'top-right'],
+ pedals: ['Усталые Педальки', '/misc/pedals.png', 'bottom-right'],
+ rider: ['Райдер', '/misc/rider.png', 'bottom-right'],
+ // rider_evening: ['Вечерние городские', '/misc/rider_evening.png', 'top-right'],
+ // fas: ['Алкоспорт', '/misc/fas.png', 'bottom-right'],
+};
diff --git a/src/constants/modes.js b/src/constants/modes.js
index d14390e..f7ef134 100644
--- a/src/constants/modes.js
+++ b/src/constants/modes.js
@@ -5,4 +5,5 @@ export const MODES = {
SHOTTER: 'SHOTTER',
TRASH: 'TRASH',
NONE: 'NONE',
+ LOGO: 'LOGO',
};
diff --git a/src/modules/Editor.js b/src/modules/Editor.js
index a993b7d..332967f 100644
--- a/src/modules/Editor.js
+++ b/src/modules/Editor.js
@@ -4,6 +4,7 @@ import { MODES } from '$constants/modes';
import { Stickers } from '$modules/Stickers';
import { Router } from '$modules/Router';
import { Shotter } from '$modules/Shotter';
+import { LOGOS } from '$constants/logos';
export class Editor {
constructor({
@@ -71,7 +72,7 @@ export class Editor {
changeMode = mode => {
if (this.mode === mode) {
- if (this.switches[mode].toggle) {
+ if (this.switches[mode] && this.switches[mode].toggle) {
this.switches[mode].toggle(); // if we have special function on mode when it toggles
} else {
this.disableMode(mode);
diff --git a/src/sprites/icon.svg b/src/sprites/icon.svg
index aed375c..6d7698e 100644
--- a/src/sprites/icon.svg
+++ b/src/sprites/icon.svg
@@ -39,7 +39,7 @@
-
+
@@ -94,6 +94,7 @@
+
@@ -116,6 +117,18 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/sprites/icons.svg b/src/sprites/icons.svg
index f64b697..70e3da0 100644
--- a/src/sprites/icons.svg
+++ b/src/sprites/icons.svg
@@ -1,3858 +1,70 @@
-
-
-
-
diff --git a/src/styles/panel.less b/src/styles/panel.less
index 2230bde..d6667d4 100644
--- a/src/styles/panel.less
+++ b/src/styles/panel.less
@@ -131,3 +131,34 @@
display: flex;
align-items: center;
}
+
+.logo-helper {
+ width: 200px;
+ flex-direction: column;
+ padding: 16px 0 0 0;
+ position: relative;
+ overflow: hidden;
+}
+
+.helper-back {
+ width: 200px;
+ height: 200px;
+ z-index: -1;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+
+ svg {
+ fill: #333333;
+ }
+}
+
+.helper-menu-item {
+ padding: 8px 20px;
+ user-select: none;
+ cursor: pointer;
+
+ &:hover {
+ background: rgba(255, 255, 255, 0.1);
+ }
+}