Webpack edited

MessageBox title feature added.

Author: abdurrahmanekr

src/MessageBox/MessageBox.css

@@ -59,3 +59,9 @@
 	height: 15px;
 	fill: white;
 }
+
+.rce-mbox-title{
+	margin: 0;
+	font-size: 10px;
+	color:#4f81a1;
+}

src/MessageBox/MessageBox.js

@@ -18,6 +18,11 @@ export class MessageBox extends Component {
 				onClick={this.props.onClick}>
 				<div
 					className={positionCls}>
+					{
+						this.props.title &&
+						<p className="rce-mbox-title">{this.props.title}</p>
+					}
+
 					{
 						this.props.type === 'text' &&
 						<div className="rce-mbox-text">
@@ -77,6 +82,7 @@ MessageBox.defaultProps = {
 	position: 'left',
 	type: 'text',
 	text: '',
+	title: null,
 	date: new Date(),
 	data: {},
 	onClick: null,

webpack.config.js

@@ -30,11 +30,10 @@ module.exports = {
             },
             {
                 test: /\.css$/,
-                // loader: ExtractTextPlugin.extract({
-                //     fallback: "style-loader",
-                //     use: "css-loader"
-                // }),
-                loader: "style-loader!css-loader",
+                loader: ExtractTextPlugin.extract({
+                    fallback: "style-loader",
+                    use: "css-loader"
+                }),
             },
         ]
     },
@@ -49,6 +48,6 @@ module.exports = {
             beautify: false,
             comments: false,
         }),
-        // new ExtractTextPlugin("main.css"),
+        new ExtractTextPlugin("main.css"),
     ],
 };