providers: initial

src/components/panels/EditorPanel.jsx

@@ -103,6 +103,13 @@ class Component extends React.PureComponent<Props, void> {
               <Icon icon="icon-trash-4" />
             </button>
 
+            <button
+              className={classnames({ active: mode === MODES.TRASH })}
+              onClick={this.props.takeAShot}
+            >
+              <Icon icon="icon-shot-3" />
+            </button>
+
             <button
               className={classnames('disabled', { active: mode === MODES.LOGO })}
             >

src/components/panels/RendererPanel.jsx

@@ -2,20 +2,15 @@ import React from 'react';
 import { Icon } from '$components/panels/Icon';
 
 type Props = {
-
+  onCancel: Function,
+  onSubmit: Function,
 };
 
-export const RendererPanel = ({ onCancel, onSubmit }): 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">
@@ -37,3 +32,11 @@ export const RendererPanel = ({ onCancel, onSubmit }): Props => (
     </div>
   </div>
 );
+
+/*
+  <div className="control-bar control-bar-padded">
+    <button>
+      <Icon icon="icon-logo-3" />
+    </button>
+  </div>
+ */