@@ -3,7 +3,13 @@ import { FC } from 'react'
33import { BookOpenIcon } from '@heroicons/react/outline'
44import { LinkButton } from '~/libs/ui'
55
6- import { ApiCornerIcon , ApiIcon , CommunityAppCornerIcon , CommunityAppIcon , WorkManagerIcon } from '../../../../../assets/i'
6+ import {
7+ ApiCornerIcon ,
8+ ApiIcon ,
9+ CommunityAppCornerIcon ,
10+ CommunityAppIcon ,
11+ WorkManagerIcon ,
12+ } from '../../../../../assets/i'
713import { DevCenterCard } from '../../dev-center-card'
814import { rootRoute } from '../../../../../dev-center.routes'
915
@@ -12,76 +18,74 @@ import styles from './GetStartedCardsContainer.module.scss'
1218const GetStartedCardsContainer : FC = ( ) => (
1319 < div >
1420 < div className = { styles . container } >
15- < DevCenterCard
16- cornerIcon = { < CommunityAppCornerIcon /> }
17- icon = { < CommunityAppIcon /> }
18- title = 'Community App'
19- titleClass = { styles . communityTitle }
20- description = 'Learn about Topcoder Community App and run started code.'
21- button = { (
22- < LinkButton
23- primary
24- size = 'lg'
25- label = 'get started'
26- className = { styles . button }
27- to = { `${ rootRoute } /getting-started` }
28- />
29- ) }
30- />
31- < DevCenterCard
32- cornerIcon = { < ApiCornerIcon /> }
33- icon = { < ApiIcon /> }
34- title = 'Platform UI'
35- titleClass = { styles . apiTitle }
36- description = 'Check out instructions on how to get started with the Platform UI.'
37- button = { (
38- < LinkButton
39- primary
40- size = 'lg'
41- label = 'get started'
42- className = { styles . button }
43- to = { `${ rootRoute } /platform-ui` }
44- />
45- ) }
46- />
21+ < DevCenterCard
22+ cornerIcon = { < CommunityAppCornerIcon /> }
23+ icon = { < CommunityAppIcon /> }
24+ title = 'Community App'
25+ titleClass = { styles . communityTitle }
26+ description = 'Learn about Topcoder Community App and run started code.'
27+ button = { (
28+ < LinkButton
29+ primary
30+ size = 'lg'
31+ label = 'get started'
32+ className = { styles . button }
33+ to = { `${ rootRoute } /getting-started` }
34+ />
35+ ) }
36+ />
37+ < DevCenterCard
38+ cornerIcon = { < ApiCornerIcon /> }
39+ icon = { < ApiIcon /> }
40+ title = 'Platform UI'
41+ titleClass = { styles . apiTitle }
42+ description = 'Check out instructions on how to get started with the Platform UI.'
43+ button = { (
44+ < LinkButton
45+ primary
46+ size = 'lg'
47+ label = 'get started'
48+ className = { styles . button }
49+ to = { `${ rootRoute } /platform-ui` }
50+ />
51+ ) }
52+ />
4753 </ div >
4854 < div className = { styles . container } >
49-
50- < DevCenterCard
51- cornerIcon = { < ApiCornerIcon /> }
52- icon = { < BookOpenIcon className = 'icon-mx' /> }
53- title = 'Platform UI Storybook'
54- titleClass = { styles . apiTitle }
55- description = 'Explore the Platform UI Storybook for UI development.'
56- button = { (
57- < LinkButton
58- primary
59- size = 'lg'
60- label = 'explore'
61- className = { styles . button }
62- to = { `${ rootRoute } /storybook` }
63- />
64- ) }
65- />
66- < DevCenterCard
67- cornerIcon = { < ApiCornerIcon /> }
68- icon = { < WorkManagerIcon className = 'icon-mx' /> }
69- title = 'Work Manager'
70- titleClass = { styles . communityTitle }
71- description = 'Get familiar with the Work Manager and execute the starter code.'
72- button = { (
73- < LinkButton
74- primary
75- size = 'lg'
76- label = 'get started'
77- className = { styles . button }
78- to = { `${ rootRoute } /work-manager-guide` }
79- />
80- ) }
81- />
82- </ div >
55+ < DevCenterCard
56+ cornerIcon = { < ApiCornerIcon /> }
57+ icon = { < BookOpenIcon className = 'icon-mx' /> }
58+ title = 'Platform UI Storybook'
59+ titleClass = { styles . apiTitle }
60+ description = 'Explore the Platform UI Storybook for UI development.'
61+ button = { (
62+ < LinkButton
63+ primary
64+ size = 'lg'
65+ label = 'explore'
66+ className = { styles . button }
67+ to = { `${ rootRoute } /storybook` }
68+ />
69+ ) }
70+ />
71+ < DevCenterCard
72+ cornerIcon = { < ApiCornerIcon /> }
73+ icon = { < WorkManagerIcon className = 'icon-mx' /> }
74+ title = 'Work Manager'
75+ titleClass = { styles . communityTitle }
76+ description = 'Get familiar with the Work Manager and execute the starter code.'
77+ button = { (
78+ < LinkButton
79+ primary
80+ size = 'lg'
81+ label = 'get started'
82+ className = { styles . button }
83+ to = { `${ rootRoute } /work-manager-guide` }
84+ />
85+ ) }
86+ />
87+ </ div >
8388 </ div >
84-
8589)
8690
8791export default GetStartedCardsContainer
0 commit comments