Refactor title function to new component

+ Use it in portfolio and pickstocks
This commit is contained in:
2018-04-11 12:15:22 +05:30
parent ae4a7a1605
commit 1b25de8eff
7 changed files with 63 additions and 26 deletions
@@ -0,0 +1,13 @@
.portfolio-manager {
margin: 2em 0;
}
.portfolio-manager .section-title .title-box {
color: #FFFFFF;
background-color: #287DCE;
box-shadow: .35em .35em rgba(0, 0, 0, 0.1);
}
.portfolio-manager .section-title .title-tail {
border-top: 1.5em solid #15569C;
}
@@ -1,8 +1,13 @@
/* eslint-disable react/prefer-stateless-function */
import React, { Component } from 'react';
import './PortfolioManager.css';
import { SectionTitle } from '../SectionTitle';
class PortfolioManager extends Component {
constructor() {
super();
}
render() {
const portfolioScripPrices = this.props.portfolioScripPrices;
@@ -15,6 +20,8 @@ class PortfolioManager extends Component {
this.props.addScripToPortfolio(scripName);
}}
>
<SectionTitle titleText="Manage Portfolio" />
<div className="drop-block" style={{ width: '100%', height: '500px', border: '1px solid black' }} />
Please drop here
<ul>