suiteName component

compare/src/components/App.js

@@ -11,7 +11,7 @@ export default class App extends React.Component {
   render () {
     return (
      <Wrapper>
-        <Header store={this.props} />
+        <Header />
       </Wrapper>);
   }
 }

compare/src/components/atoms/SuiteName.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { connect } from 'react-redux'
+import styled from 'styled-components';
+
+
+const SuiteNameTitle = styled.h1`
+  font-size: 30px;
+`;
+
+class SuiteName extends React.Component {
+  render () {
+    return (
+      <SuiteNameTitle>{this.props.suiteName} Report</SuiteNameTitle>
+    );
+  }
+}
+
+const mapStateToProps = state => {
+  return {
+    suiteName: state.suiteInfo.testSuiteName
+  }
+};
+
+const SuiteNameContainer = connect(mapStateToProps)(SuiteName);
+
+export default SuiteNameContainer

compare/src/components/organisms/Topbar.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 
+import SuiteNameContainer from '../atoms/SuiteName';
 
 const TopbarWrapper = styled.section`
   width: 100%;
@@ -11,7 +12,7 @@ export default class Topbar extends React.Component {
   render () {
     return (
       <TopbarWrapper>
-        <p>Logo</p>
+        <SuiteNameContainer />
       </TopbarWrapper>
     );
   }

compare/src/store.js

@@ -17,3 +17,5 @@ const store = createStore(
   rootReducer,
   defaultState,
   window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());
+
+export default store;