@@ -3,7 +3,13 @@ import { FC } from 'react'
3
3
import { BookOpenIcon } from '@heroicons/react/outline'
4
4
import { LinkButton } from '~/libs/ui'
5
5
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'
7
13
import { DevCenterCard } from '../../dev-center-card'
8
14
import { rootRoute } from '../../../../../dev-center.routes'
9
15
@@ -12,76 +18,74 @@ import styles from './GetStartedCardsContainer.module.scss'
12
18
const GetStartedCardsContainer : FC = ( ) => (
13
19
< div >
14
20
< 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
+ />
47
53
</ div >
48
54
< 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 >
83
88
</ div >
84
-
85
89
)
86
90
87
91
export default GetStartedCardsContainer
0 commit comments