Permalink
Browse files

Step 2: Create '~/components/WelcomeCard.jsx' component and refactor …

…'StaticMiniDashboard.jsx' to use it.
  • Loading branch information...
embengineering committed May 20, 2016
1 parent 80ce255 commit aeff4303ce6f1668011796f087b2429e70d64b54
Showing with 10 additions and 1 deletion.
  1. +2 −1 src/components/StaticMiniDashboard.jsx
  2. +8 −0 src/components/WelcomeCard.jsx
@@ -1,12 +1,13 @@
import React from 'react';
import Card from '../components/Card.jsx';
import WelcomeCard from '../components/WelcomeCard.jsx';
export default ({ welcomeMsg, cards }) => (
<div className="mdl-layout__container">
<div className="mdl-layout">
<div className="mdl-layout mdl-color--grey-100">
<div className="dashboard-wrapper">
<Card className="welcome-card" {...welcomeMsg} />
<WelcomeCard {...welcomeMsg} />
<div className="cards-wrapper">
{cards.map((card, index) => (
<Card key={index} className="card-item" {...card} />
@@ -0,0 +1,8 @@
import React from 'react';
import Card from '../components/Card.jsx';
const WelcomeCard = (props) => (
<Card className="welcome-card" {...props} />
);
export default WelcomeCard;

0 comments on commit aeff430

Please sign in to comment.