product-course content (#184)

* plugged scope-content with props, toggling level content from sandbox

* remove logic from sandbox, added _props on sandbox

* linked with levels

* prepared fixtures (https://github.com/CoorpAcademy/coorpacademy-api-catalog/issues/35)

* plugged scope-content with props, toggling level content from sandbox

* remove logic from sandbox, added _props on sandbox

* linked with levels

* prepared fixtures (https://github.com/CoorpAcademy/coorpacademy-api-catalog/issues/35)

* using product-course fixture to prepare scope-content

* tabs name

* add course scope

* fixtures + checkers

* add retina image

* displaying an empty product-course

* fix debugger and mobile image size

* displaying an empty catalog

* fix fixtures discipline header

* displaying an empty discipline-header

* Fix catalog

Author: chrisdugne

src/@coorpacademy/components/molecule/catalog-card/index.js

@@ -9,7 +9,7 @@ import style from './catalog-card.css';
 const conditions = checker.shape({
   props: checker.shape({
     product: checker.shape({
-      images: checker.array
+      images: checker.object
     })
   }),
   children: checker.none
@@ -29,7 +29,7 @@ export default (treant, options = {}) => {
     const {product} = props;
     const total = 5;
 
-    const {href = ''} = product;
+    const href = getOr('', 'href', product);
 
     return (
       <li className={style.catalogListItem}>

src/@coorpacademy/components/molecule/categories/index.js

@@ -14,7 +14,7 @@ export default (treant, options = {}) => {
 
   const Link = createLink(treant, options);
 
-  const Categories = ({categories}, children) => {
+  const Categories = ({categories = []}, children) => {
     const CategoriesDiv = categories.map(category => (
       <li className={style.filter}>
         <Link

src/@coorpacademy/components/molecule/discipline-header/discipline-header.css

@@ -57,6 +57,7 @@ img {
 
   .imgWrapper {
     flex: none;
+    height: auto;
   }
 
   .courseWrapper {

src/@coorpacademy/components/molecule/discipline-header/index.js

@@ -18,11 +18,13 @@ export default (treant, options = {}) => {
     const {h} = treant;
     const {product} = props;
 
+    const image = getOr(null, 'images.discipline_full_retina.url.https', product);
+
     return (
       <div className={style.wrapper}>
         <div className={style.imgWrapper}>
           <img
-            src={getOrBlank('images.0.url.https', product)}
+            src={image}
           />
         </div>
         <div className={style.courseWrapper}>