cropper: separate crop panel

src/components/panels/RendererPanel.jsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Icon } from '$components/panels/Icon';
+
+type Props = {
+
+};
+
+export const RendererPanel = ({ onCancel, onSubmit }): Props => (
+  <div
+    className="panel active center"
+    style={{ zIndex: 1000 }}
+  >
+    <div className="control-bar control-bar-padded">
+      <button>
+        <Icon icon="icon-logo-3" />
+      </button>
+    </div>
+
+    <div className="control-sep" />
+
+    <div className="control-bar">
+      <button
+        className="highlighted cancel"
+        onClick={onCancel}
+      >
+        <Icon icon="icon-cancel-1" />
+        <span>Отмена</span>
+      </button>
+
+      <button
+        className="success"
+        onClick={onSubmit}
+      >
+        <span>СКАЧАТЬ</span>
+        <Icon icon="icon-get-1" />
+      </button>
+    </div>
+  </div>
+);

src/components/panels/UserPanel.jsx

@@ -93,7 +93,7 @@ export class Component extends React.PureComponent<Props, void> {
             <button
               onClick={this.props.takeAShot}
             >
-              <Icon icon="icon-shot-3" />
+              <Icon icon="icon-shot-2" />
             </button>
           </div>
         </div>