1
1
import React from 'react'
2
2
import CIcon from '@coreui/icons-react'
3
- import { cilHouse } from '@coreui/icons'
4
-
5
- import pkg from './../../package.json'
6
- import { cilViewQuilt } from '@coreui/icons'
7
- import { cilNotes } from '@coreui/icons'
8
- import { cil3d } from '@coreui/icons'
9
-
10
- const version = `/`
11
- // const version = `/${pkg.config.version_short}`
12
3
13
4
const nav = [
14
5
{
15
6
name : 'Getting Started' ,
16
- to : ` ${ version } getting-started/` ,
7
+ to : '/ getting-started/' ,
17
8
icon : (
18
9
< CIcon
19
10
customClassName = "nav-icon text-primary"
@@ -28,85 +19,103 @@ const nav = [
28
19
items : [
29
20
{
30
21
name : 'Introduction' ,
31
- to : ` ${ version } getting-started/introduction/` ,
22
+ to : '/ getting-started/introduction/' ,
32
23
} ,
33
24
] ,
34
25
} ,
35
26
{
36
27
name : 'Layout' ,
37
- to : ` ${ version } layout/` ,
28
+ to : '/ layout/' ,
38
29
icon : (
39
- < CIcon customClassName = "nav-icon text-primary" icon = { cilViewQuilt } width = { 64 } height = { 64 } />
30
+ < CIcon
31
+ customClassName = "nav-icon text-primary"
32
+ icon = { [
33
+ '512 512' ,
34
+ '<path fill="var(--ci-primary-color, currentColor)" d="M16,64V448H496V64ZM464,240H192V96H464ZM192,272H312V416H192ZM48,96H160V416H48ZM344,416V272H464V416Z" class="ci-primary"></path>' ,
35
+ ] }
36
+ width = { 64 }
37
+ height = { 64 }
38
+ />
40
39
) ,
41
40
items : [
42
41
{
43
42
name : 'Breakpoints' ,
44
- to : ` ${ version } layout/breakpoints/` ,
43
+ to : '/ layout/breakpoints/' ,
45
44
} ,
46
45
{
47
46
name : 'Containers' ,
48
- to : ` ${ version } layout/containers/` ,
47
+ to : '/ layout/containers/' ,
49
48
} ,
50
49
{
51
50
name : 'Grid' ,
52
- to : ` ${ version } layout/grid/` ,
51
+ to : '/ layout/grid/' ,
53
52
} ,
54
53
{
55
54
name : 'Columns' ,
56
- to : ` ${ version } layout/columns/` ,
55
+ to : '/ layout/columns/' ,
57
56
} ,
58
57
{
59
58
name : 'Gutter' ,
60
- to : ` ${ version } layout/gutters/` ,
59
+ to : '/ layout/gutters/' ,
61
60
} ,
62
61
] ,
63
62
} ,
64
63
{
65
64
name : 'Forms' ,
66
- to : `${ version } forms/` ,
67
- icon : < CIcon customClassName = "nav-icon text-primary" icon = { cilNotes } width = { 64 } height = { 64 } /> ,
65
+ to : '/forms/' ,
66
+ icon : (
67
+ < CIcon
68
+ customClassName = "nav-icon text-primary"
69
+ icon = { [
70
+ '512 512' ,
71
+ '<rect width="288" height="32" x="112" y="152" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="288" height="32" x="112" y="240" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><rect width="152" height="32" x="112" y="328" fill="var(--ci-primary-color, currentColor)" class="ci-primary"></rect><path fill="var(--ci-primary-color, currentColor)" d="M480,48H32V464H480ZM448,432H64V80H448Z" class="ci-primary"></path>' ,
72
+ ] }
73
+ width = { 64 }
74
+ height = { 64 }
75
+ />
76
+ ) ,
68
77
items : [
69
78
{
70
79
name : 'Overview' ,
71
- to : ` ${ version } forms/overview/` ,
80
+ to : '/ forms/overview/' ,
72
81
} ,
73
82
{
74
83
name : 'Form Control' ,
75
- to : ` ${ version } forms/form-control/` ,
84
+ to : '/ forms/form-control/' ,
76
85
} ,
77
86
{
78
87
name : 'Select' ,
79
- to : ` ${ version } forms/select/` ,
88
+ to : '/ forms/select/' ,
80
89
} ,
81
90
{
82
91
name : 'Checks & Radios' ,
83
- to : ` ${ version } forms/checks-radios/` ,
92
+ to : '/ forms/checks-radios/' ,
84
93
} ,
85
94
{
86
95
name : 'Range' ,
87
- to : ` ${ version } forms/range/` ,
96
+ to : '/ forms/range/' ,
88
97
} ,
89
98
{
90
99
name : 'Input Group' ,
91
- to : ` ${ version } forms/input-group/` ,
100
+ to : '/ forms/input-group/' ,
92
101
} ,
93
102
{
94
103
name : 'Floating Labels' ,
95
- to : ` ${ version } forms/floating-labels/` ,
104
+ to : '/ forms/floating-labels/' ,
96
105
} ,
97
106
{
98
107
name : 'Layout' ,
99
- to : ` ${ version } forms/layout/` ,
108
+ to : '/ forms/layout/' ,
100
109
} ,
101
110
{
102
111
name : 'Validation' ,
103
- to : ` ${ version } forms/validation/` ,
112
+ to : '/ forms/validation/' ,
104
113
} ,
105
114
] ,
106
115
} ,
107
116
{
108
117
name : 'Components' ,
109
- to : ` ${ version } components/` ,
118
+ to : '/ components/' ,
110
119
icon : (
111
120
< CIcon
112
121
customClassName = "nav-icon text-primary"
@@ -121,134 +130,134 @@ const nav = [
121
130
items : [
122
131
{
123
132
name : 'Accordion' ,
124
- to : ` ${ version } components/accordion/` ,
133
+ to : '/ components/accordion/' ,
125
134
} ,
126
135
{
127
136
name : 'Alert' ,
128
- to : ` ${ version } components/alert/` ,
137
+ to : '/ components/alert/' ,
129
138
} ,
130
139
{
131
140
name : 'Avatar' ,
132
- to : ` ${ version } components/avatar/` ,
141
+ to : '/ components/avatar/' ,
133
142
} ,
134
143
{
135
144
name : 'Badge' ,
136
- to : ` ${ version } components/badge/` ,
145
+ to : '/ components/badge/' ,
137
146
} ,
138
147
{
139
148
name : 'Breadcrumb' ,
140
- to : ` ${ version } components/breadcrumb/` ,
149
+ to : '/ components/breadcrumb/' ,
141
150
} ,
142
151
{
143
152
name : 'Button' ,
144
- to : ` ${ version } components/button/` ,
153
+ to : '/ components/button/' ,
145
154
} ,
146
155
{
147
156
name : 'Button Group' ,
148
- to : ` ${ version } components/button-group/` ,
157
+ to : '/ components/button-group/' ,
149
158
} ,
150
159
{
151
160
name : 'Callout' ,
152
- to : ` ${ version } components/callout/` ,
161
+ to : '/ components/callout/' ,
153
162
} ,
154
163
{
155
164
name : 'Card' ,
156
- to : ` ${ version } components/card/` ,
165
+ to : '/ components/card/' ,
157
166
} ,
158
167
{
159
168
name : 'Carousel' ,
160
- to : ` ${ version } components/carousel/` ,
169
+ to : '/ components/carousel/' ,
161
170
} ,
162
171
{
163
172
name : 'Close Button' ,
164
- to : ` ${ version } components/close-button/` ,
173
+ to : '/ components/close-button/' ,
165
174
} ,
166
175
{
167
176
name : 'Collapse' ,
168
- to : ` ${ version } components/collapse/` ,
177
+ to : '/ components/collapse/' ,
169
178
} ,
170
179
{
171
180
name : 'Dropdown' ,
172
- to : ` ${ version } components/dropdown/` ,
181
+ to : '/ components/dropdown/' ,
173
182
} ,
174
183
{
175
184
name : 'Footer' ,
176
- to : ` ${ version } components/footer/` ,
185
+ to : '/ components/footer/' ,
177
186
} ,
178
187
{
179
188
name : 'Header' ,
180
- to : ` ${ version } components/header/` ,
189
+ to : '/ components/header/' ,
181
190
} ,
182
191
{
183
192
name : 'Image' ,
184
- to : ` ${ version } components/image/` ,
193
+ to : '/ components/image/' ,
185
194
} ,
186
195
{
187
196
name : 'List Group' ,
188
- to : ` ${ version } components/list-group/` ,
197
+ to : '/ components/list-group/' ,
189
198
} ,
190
199
{
191
200
name : 'Modal' ,
192
- to : ` ${ version } components/modal/` ,
201
+ to : '/ components/modal/' ,
193
202
} ,
194
203
{
195
204
name : 'Navs & Tabs' ,
196
- to : ` ${ version } components/navs-tabs/` ,
205
+ to : '/ components/navs-tabs/' ,
197
206
} ,
198
207
{
199
208
name : 'Navbar' ,
200
- to : ` ${ version } components/navbar/` ,
209
+ to : '/ components/navbar/' ,
201
210
} ,
202
211
{
203
212
name : 'Offcanvas' ,
204
- to : ` ${ version } components/offcanvas/` ,
213
+ to : '/ components/offcanvas/' ,
205
214
} ,
206
215
{
207
216
name : 'Pagination' ,
208
- to : ` ${ version } components/pagination/` ,
217
+ to : '/ components/pagination/' ,
209
218
} ,
210
219
{
211
220
name : 'Placeholders' ,
212
- to : ` ${ version } components/placeholders/` ,
221
+ to : '/ components/placeholders/' ,
213
222
disabled : true ,
214
223
badge : {
215
224
color : 'warning' ,
216
225
text : 'WIP v4.1' ,
217
- }
226
+ } ,
218
227
} ,
219
228
{
220
229
name : 'Popover' ,
221
- to : ` ${ version } components/popover/` ,
230
+ to : '/ components/popover/' ,
222
231
} ,
223
232
{
224
233
name : 'Progress' ,
225
- to : ` ${ version } components/progress/` ,
234
+ to : '/ components/progress/' ,
226
235
} ,
227
236
{
228
237
name : 'Sidebar' ,
229
- to : ` ${ version } components/sidebar/` ,
238
+ to : '/ components/sidebar/' ,
230
239
} ,
231
240
{
232
241
name : 'Table' ,
233
- to : ` ${ version } components/table/` ,
242
+ to : '/ components/table/' ,
234
243
} ,
235
244
{
236
245
name : 'Toast' ,
237
- to : ` ${ version } components/toast/` ,
246
+ to : '/ components/toast/' ,
238
247
} ,
239
248
{
240
249
name : 'Tooltip' ,
241
- to : ` ${ version } components/tooltip/` ,
250
+ to : '/ components/tooltip/' ,
242
251
} ,
243
252
{
244
253
name : 'Widgets' ,
245
- to : ` ${ version } components/widgets/` ,
254
+ to : '/ components/widgets/' ,
246
255
} ,
247
256
] ,
248
257
} ,
249
258
{
250
259
name : 'Migration' ,
251
- to : ` ${ version } migration/` ,
260
+ to : '/ migration/' ,
252
261
icon : (
253
262
< CIcon
254
263
customClassName = "nav-icon text-primary"
@@ -263,7 +272,7 @@ const nav = [
263
272
items : [
264
273
{
265
274
name : 'v4' ,
266
- to : ` ${ version } migration/v4/` ,
275
+ to : '/ migration/v4/' ,
267
276
} ,
268
277
] ,
269
278
} ,
0 commit comments