Function Statistics

frontend/src/app/components/Statistics/index.tsx:18–39

({ pack })

}

const Statistics: React.FC<StatProps> = ({ pack }) => {
    const { season, duration, duration_unit, gender, temp_range, id, title } = pack;
    const durationValue = () => {
        if (!duration) {
            return null;
        }
        return `${duration} ${duration_unit}`;
    };

    const packUrl = `https://packstack.io${getPackPath(id, title)}`;

    return (
        <StatCollection>
            <Stat label="Season" value={season} icon={<Icon component={CalendarIcon}/>}/>
            <Stat label="Temp Range" value={temp_range} icon={<Icon component={TempIcon}/>}/>
            <Stat label="Duration" value={durationValue()} icon={<Icon component={FootprintsIcon}/>}/>
            <Stat label="Gender" value={getGenderName(gender)}/>
            <Stat label="Pack URL" value={packUrl} icon={<Icon type="link"/>}/>
        </StatCollection>
    )

};

export default Statistics;