Bug 1520852 – Changing property name to match new API schema (#4678)

content-src/components/DiscoveryStreamBase/DiscoveryStreamBase.jsx

@@ -118,7 +118,7 @@ export class _DiscoveryStreamBase extends React.PureComponent {
               title={component.header && component.header.title}
               data={component.data}
               feed={component.feed}
-              style={component.properties.style}
+              border={component.properties.border}
               type={component.type}
               dispatch={this.props.dispatch}
               items={component.properties.items} />
@@ -131,7 +131,7 @@ export class _DiscoveryStreamBase extends React.PureComponent {
             <Hero
               title={component.header && component.header.title}
               data={component.data}
-              style={component.properties.style}
+              border={component.properties.border}
               type={component.type}
               dispatch={this.props.dispatch}
               items={component.properties.items} />

content-src/components/DiscoveryStreamComponents/CardGrid/CardGrid.jsx

@@ -35,6 +35,6 @@ export class CardGrid extends React.PureComponent {
 }
 
 CardGrid.defaultProps = {
-  style: `border`,
+  border: `border`,
   items: 4, // Number of stories to display
 };

content-src/components/DiscoveryStreamComponents/Hero/Hero.jsx

@@ -55,7 +55,7 @@ export class Hero extends React.PureComponent {
     return (
       <div>
         <div className="ds-header">{this.props.title}</div>
-        <div className={`ds-hero ds-hero-${this.props.style}`}>
+        <div className={`ds-hero ds-hero-${this.props.border}`}>
           <a href={heroRec.url} className="wrapper" onClick={this.onLinkClick}>
             <div className="img-wrapper">
               <div className="img" style={{backgroundImage: `url(${heroRec.image_src})`}} />
@@ -77,6 +77,6 @@ export class Hero extends React.PureComponent {
 
 Hero.defaultProps = {
   data: {},
-  style: `border`,
+  border: `border`,
   items: 1, // Number of stories to display
 };