@kano/kbc-challenges

@kano/kbc-challenges

All components relation to app challenge packs and challenges cards and views.

Usage

render() {
    const { data, progress } = this.state;
    const { match, config } = this.props;
    
    return (
        <Route path={'/challenges'} render={() => <ChallengePacksList progress={progress} challenges={data.challenges} match={match} footerAppCards={() => (
            <>
                <FooterAppCard app="kano-world" link={config.KB_KANO_WORLD_URL} />
                <FooterAppCard app="kano-code" link={config.KB_KANO_CODE_URL} />
            </>
        )} />} />
    );
}

Props

• progress: the gamification progress of the current user
• challenges: challenge data from kit-app-ui-cms
• match: the match object from react routing
• footerAppCards: any app cards to be displayed in the footers of challenge pages

Tracking

Pages

Component (location)	Function	Event / Error Name	Extra Info
Footer	handleAppClick	app_card_launch	module: footer, data: { app }