countenance | Professional portfolio containing information | Portfolio library

import React from 'react'
import {withProvider} from './TProvider';
import ThreeCardMap from './ThreeCardMap';

const one = Math.floor(Math.random()*21 + 0);
const two = Math.floor(Math.random()*21 + 0);
const three = Math.floor(Math.random()*21 + 0);
const styles = {
    color: 'black'
}
const ThreeCardDisp = (props) => {

    let cardArray;
    if (props.list.cards) {
        props.list.cards.filter(list => list.value_int === one)
        console.log(props.list.cards)
        // props.list.cards = props.list.cards[one];
         cardArray = props.list.cards.map((card) =>{return ()})
         cardArray.filter(list => list.value_int === one )
    }
    console.log (cardArray); 
    return (
        
        {props.list ? 
            
                Three Card Map
                {cardArray} : 
        loading
        }
        

    )


}

export default withProvider(ThreeCardDisp)