From 06e444f985f4ac43201601606a0db9d16a4f0811 Mon Sep 17 00:00:00 2001
From: Sargis Sargsyan <sargsyan.sargis.89@gmail.com>
Date: Fri, 12 Oct 2018 14:58:00 +0400
Subject: [PATCH] new blende mode panel

---
 .../EmitterConfig/expansionPanelBlendMode.tsx | 31 +++++++++++++++++++
 src/components/EmitterConfig/index.tsx        |  3 ++
 2 files changed, 34 insertions(+)
 create mode 100644 src/components/EmitterConfig/expansionPanelBlendMode.tsx

diff --git a/src/components/EmitterConfig/expansionPanelBlendMode.tsx b/src/components/EmitterConfig/expansionPanelBlendMode.tsx
new file mode 100644
index 0000000..8022f9b
--- /dev/null
+++ b/src/components/EmitterConfig/expansionPanelBlendMode.tsx
@@ -0,0 +1,31 @@
+import React, { Component } from 'react';
+import {
+  ExpansionPanel,
+  ExpansionPanelSummary,
+  Typography,
+  ExpansionPanelDetails,
+} from '@material-ui/core';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { inject, observer } from 'mobx-react';
+import { EMITTER_STORE, EmitterStoreProp } from 'src/stores';
+import Select from '../Select';
+import { blendModes } from 'src/constants';
+
+@inject(EMITTER_STORE)
+@observer
+class ExpansionPanelBlendMode extends Component<EmitterStoreProp> {
+  render() {
+    return (
+      <ExpansionPanel>
+        <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
+          <Typography>Blend Mode</Typography>
+        </ExpansionPanelSummary>
+        <ExpansionPanelDetails>
+          <Select configName="blendMode" options={blendModes} />
+        </ExpansionPanelDetails>
+      </ExpansionPanel>
+    );
+  }
+}
+
+export default ExpansionPanelBlendMode;
diff --git a/src/components/EmitterConfig/index.tsx b/src/components/EmitterConfig/index.tsx
index 10bfe6d..6d9c088 100644
--- a/src/components/EmitterConfig/index.tsx
+++ b/src/components/EmitterConfig/index.tsx
@@ -9,6 +9,7 @@ import ExpansionPanelFrame from './expansionPanelFrame';
 import ExpansionPanelColorPicker from './expansionPanelColorPicker';
 import ExpansionPanelTransform from './expansionPanelTransform';
 import ExpansionPanelBounds from './expansionPanelBounds';
+import ExpansionPanelBlendMode from './expansionPanelBlendMode';
 
 const styles = {
   root: {
@@ -32,6 +33,8 @@ class EmitterConfig extends Component<WithStyles<typeof styles>> {
 
         <ExpansionPanelFrame />
 
+        <ExpansionPanelBlendMode />
+
         <ExpansionPanelColorPicker />
 
         <ExpansionPanelXY