bufix and integration fix for real api

src/component/CardPopup/CardPopupCreateContent.jsx

       <div className='createcontent'>
         <div className='createcontent__contentname mb-4'>
           <div className='createcontent__contentname__icon ml-1 mr-3'>
-            <i className={`fa ${props.icon}`} style={{color: props.color}} />
+            <i className={`fa fa-${props.faIcon}`} style={{color: props.color}} />
           </div>
 
           <div className='createcontent__contentname__title' style={{color: props.color}}>
-            {props.title}
+            {props.label}
           </div>
         </div>
 
 
           <div className='createcontent__form__button'>
             <button
+              type='button' // do neither remove this nor set it to 'submit' otherwise clicking the btn will submit the form and reload the page
               className='createcontent__form__button btn btn-primary'
-              type='submit'
               onClick={props.onValidate}
             >
               {props.btnValidateLabel}
   onValidate: PropTypes.func.isRequired,
   contentName: PropTypes.string.isRequired,
   onChangeContentName: PropTypes.func.isRequired,
-  title: PropTypes.string,
-  color: PropTypes.string,
+  label: PropTypes.string,
+  hexcolor: PropTypes.string,
+  faIcon: PropTypes.string,
   btnValidateLabel: PropTypes.string
 }
 
 PopupCreateContent.defaultProps = {
-  title: '',
-  color: '#333',
+  label: '',
+  hexcolor: '#333',
   inputPlaceHolder: '',
   btnValidateLabel: ''
 }

src/component/PopinFixed/PopinFixedHeader.jsx

     return (
       <div className={classnames('wsContentGeneric__header', `${customClass}__header`)}>
         <div className={classnames('wsContentGeneric__header__icon', `${customClass}__header__icon`)}>
-          <i className={icon} />
+          <i className={`fa fa-${icon}`} />
         </div>
 
         <div className={classnames('wsContentGeneric__header__title mr-auto', `${customClass}__header__title`)}>

src/helper.js

     case 502:
     case 503:
     case 504:
-      return `Error: ${fetchResult.status}` // @TODO : handle errors from api result
+      return new Promise((resolve, reject) => reject(fetchResult)) // @TODO : handle errors from api result
   }
 }