applied the same design

src/components/CardHouses/CardHouses.js

 
 CardHouses.propTypes = {
     result: PropTypes.object,
-    index : PropTypes.string
+    index : PropTypes.number
 }
 
 export default CardHouses;

src/components/ScrappeResult/ScrappeResult.js

 import CardHouses from '../CardHouses/CardHouses';
 //import CardTownHouses from '../CardTownHouses/CardTownHouses';
 const ScrappeResult = ({result, type, index}) => {
+    console.log(index);
     return (
+<<<<<<< HEAD
         <>
         {   console.log(type)}
         
                         <CardHouses index ={index} result={result} />         
                 }
                 
+=======
+        <>    
+        <div className='col-lg-12'>       
+            {    (type !== undefined && type !== null) ?     
+                      
+                    (type.value === "apartments") ? <CardApartments index = {index} result={result} />
+                                        : (type.value === "houses") ? <CardHouses index ={index} result={result} /> 
+                                        : <CardTownHouses index={index} result={result} />
+                    : <CardApartments index = {index} result={result} />
+            }
+>>>>>>> a2e9c169b688cc475ad1124d2228aeb13ac65ac4
             </div>
         </>
     );