function Hero()

in src/app/ContosoTraders.Ui.Website/src/pages/home/sections/hero.tsx [5:64]
42 lines of code
1 McCabe index (conditional complexity)

function Hero() {

        const history = useNavigate()
        const buyNow = (id) => {
            history('/product/detail/'+id)
        }
        const moreDetails = () => {
            history('/list/controllers')
        }
        const ITEMS = [
            {
                name: "The Fastest, Most Powerful Xbox Ever.",
                description: "Elevate your game with the all-new Xbox Wireless Controller - Lunar Shift Special Edition",
                bg: HeroBG,
                buttons : [
                    {
                        title : 'Buy Now',
                        color : 'primary',
                        class : 'BannerButton1',
                        endIcon: <img src={LocalMallIcon} width={25} height='auto' alt=""/>,
                        onClickFn : () => buyNow(1)
                    },
                    {
                        title : 'More Details',
                        color : 'inherit',
                        class : 'BannerButton2',
                        endIcon : '',
                        onClickFn : () => moreDetails()
                    }
                ]
            },
            {
                name: "Xbox Wireless Controller - Mineral Camo Special Edition",
                description: "Textured triggers and bumpers | Hybrid D-pad | Button mapping | Bluetooth® technology",
                bg: HeroBG2,
                buttons : [
                    {
                        title : 'Buy Now',
                        color : 'primary',
                        class : 'BannerButton1',
                        endIcon: <img src={LocalMallIcon} width={25} height='auto' alt=""/>,
                        onClickFn : () => buyNow(1)
                    },
                    {
                        title : 'More Details',
                        color : 'inherit',
                        class : 'BannerButton2',
                        endIcon : '',
                        onClickFn : () => moreDetails()
                    }
                ]
            },
        ];
        
        return (
            <div className="hero" data-testid="carousel">
                <Corousel items={ITEMS} />
            </div>
        );
}