11import React from 'react'
22import 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}`
123
134const nav = [
145 {
156 name : 'Getting Started' ,
16- to : ` ${ version } getting-started/` ,
7+ to : '/ getting-started/' ,
178 icon : (
189 < CIcon
1910 customClassName = "nav-icon text-primary"
@@ -28,85 +19,103 @@ const nav = [
2819 items : [
2920 {
3021 name : 'Introduction' ,
31- to : ` ${ version } getting-started/introduction/` ,
22+ to : '/ getting-started/introduction/' ,
3223 } ,
3324 ] ,
3425 } ,
3526 {
3627 name : 'Layout' ,
37- to : ` ${ version } layout/` ,
28+ to : '/ layout/' ,
3829 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+ />
4039 ) ,
4140 items : [
4241 {
4342 name : 'Breakpoints' ,
44- to : ` ${ version } layout/breakpoints/` ,
43+ to : '/ layout/breakpoints/' ,
4544 } ,
4645 {
4746 name : 'Containers' ,
48- to : ` ${ version } layout/containers/` ,
47+ to : '/ layout/containers/' ,
4948 } ,
5049 {
5150 name : 'Grid' ,
52- to : ` ${ version } layout/grid/` ,
51+ to : '/ layout/grid/' ,
5352 } ,
5453 {
5554 name : 'Columns' ,
56- to : ` ${ version } layout/columns/` ,
55+ to : '/ layout/columns/' ,
5756 } ,
5857 {
5958 name : 'Gutter' ,
60- to : ` ${ version } layout/gutters/` ,
59+ to : '/ layout/gutters/' ,
6160 } ,
6261 ] ,
6362 } ,
6463 {
6564 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+ ) ,
6877 items : [
6978 {
7079 name : 'Overview' ,
71- to : ` ${ version } forms/overview/` ,
80+ to : '/ forms/overview/' ,
7281 } ,
7382 {
7483 name : 'Form Control' ,
75- to : ` ${ version } forms/form-control/` ,
84+ to : '/ forms/form-control/' ,
7685 } ,
7786 {
7887 name : 'Select' ,
79- to : ` ${ version } forms/select/` ,
88+ to : '/ forms/select/' ,
8089 } ,
8190 {
8291 name : 'Checks & Radios' ,
83- to : ` ${ version } forms/checks-radios/` ,
92+ to : '/ forms/checks-radios/' ,
8493 } ,
8594 {
8695 name : 'Range' ,
87- to : ` ${ version } forms/range/` ,
96+ to : '/ forms/range/' ,
8897 } ,
8998 {
9099 name : 'Input Group' ,
91- to : ` ${ version } forms/input-group/` ,
100+ to : '/ forms/input-group/' ,
92101 } ,
93102 {
94103 name : 'Floating Labels' ,
95- to : ` ${ version } forms/floating-labels/` ,
104+ to : '/ forms/floating-labels/' ,
96105 } ,
97106 {
98107 name : 'Layout' ,
99- to : ` ${ version } forms/layout/` ,
108+ to : '/ forms/layout/' ,
100109 } ,
101110 {
102111 name : 'Validation' ,
103- to : ` ${ version } forms/validation/` ,
112+ to : '/ forms/validation/' ,
104113 } ,
105114 ] ,
106115 } ,
107116 {
108117 name : 'Components' ,
109- to : ` ${ version } components/` ,
118+ to : '/ components/' ,
110119 icon : (
111120 < CIcon
112121 customClassName = "nav-icon text-primary"
@@ -121,134 +130,134 @@ const nav = [
121130 items : [
122131 {
123132 name : 'Accordion' ,
124- to : ` ${ version } components/accordion/` ,
133+ to : '/ components/accordion/' ,
125134 } ,
126135 {
127136 name : 'Alert' ,
128- to : ` ${ version } components/alert/` ,
137+ to : '/ components/alert/' ,
129138 } ,
130139 {
131140 name : 'Avatar' ,
132- to : ` ${ version } components/avatar/` ,
141+ to : '/ components/avatar/' ,
133142 } ,
134143 {
135144 name : 'Badge' ,
136- to : ` ${ version } components/badge/` ,
145+ to : '/ components/badge/' ,
137146 } ,
138147 {
139148 name : 'Breadcrumb' ,
140- to : ` ${ version } components/breadcrumb/` ,
149+ to : '/ components/breadcrumb/' ,
141150 } ,
142151 {
143152 name : 'Button' ,
144- to : ` ${ version } components/button/` ,
153+ to : '/ components/button/' ,
145154 } ,
146155 {
147156 name : 'Button Group' ,
148- to : ` ${ version } components/button-group/` ,
157+ to : '/ components/button-group/' ,
149158 } ,
150159 {
151160 name : 'Callout' ,
152- to : ` ${ version } components/callout/` ,
161+ to : '/ components/callout/' ,
153162 } ,
154163 {
155164 name : 'Card' ,
156- to : ` ${ version } components/card/` ,
165+ to : '/ components/card/' ,
157166 } ,
158167 {
159168 name : 'Carousel' ,
160- to : ` ${ version } components/carousel/` ,
169+ to : '/ components/carousel/' ,
161170 } ,
162171 {
163172 name : 'Close Button' ,
164- to : ` ${ version } components/close-button/` ,
173+ to : '/ components/close-button/' ,
165174 } ,
166175 {
167176 name : 'Collapse' ,
168- to : ` ${ version } components/collapse/` ,
177+ to : '/ components/collapse/' ,
169178 } ,
170179 {
171180 name : 'Dropdown' ,
172- to : ` ${ version } components/dropdown/` ,
181+ to : '/ components/dropdown/' ,
173182 } ,
174183 {
175184 name : 'Footer' ,
176- to : ` ${ version } components/footer/` ,
185+ to : '/ components/footer/' ,
177186 } ,
178187 {
179188 name : 'Header' ,
180- to : ` ${ version } components/header/` ,
189+ to : '/ components/header/' ,
181190 } ,
182191 {
183192 name : 'Image' ,
184- to : ` ${ version } components/image/` ,
193+ to : '/ components/image/' ,
185194 } ,
186195 {
187196 name : 'List Group' ,
188- to : ` ${ version } components/list-group/` ,
197+ to : '/ components/list-group/' ,
189198 } ,
190199 {
191200 name : 'Modal' ,
192- to : ` ${ version } components/modal/` ,
201+ to : '/ components/modal/' ,
193202 } ,
194203 {
195204 name : 'Navs & Tabs' ,
196- to : ` ${ version } components/navs-tabs/` ,
205+ to : '/ components/navs-tabs/' ,
197206 } ,
198207 {
199208 name : 'Navbar' ,
200- to : ` ${ version } components/navbar/` ,
209+ to : '/ components/navbar/' ,
201210 } ,
202211 {
203212 name : 'Offcanvas' ,
204- to : ` ${ version } components/offcanvas/` ,
213+ to : '/ components/offcanvas/' ,
205214 } ,
206215 {
207216 name : 'Pagination' ,
208- to : ` ${ version } components/pagination/` ,
217+ to : '/ components/pagination/' ,
209218 } ,
210219 {
211220 name : 'Placeholders' ,
212- to : ` ${ version } components/placeholders/` ,
221+ to : '/ components/placeholders/' ,
213222 disabled : true ,
214223 badge : {
215224 color : 'warning' ,
216225 text : 'WIP v4.1' ,
217- }
226+ } ,
218227 } ,
219228 {
220229 name : 'Popover' ,
221- to : ` ${ version } components/popover/` ,
230+ to : '/ components/popover/' ,
222231 } ,
223232 {
224233 name : 'Progress' ,
225- to : ` ${ version } components/progress/` ,
234+ to : '/ components/progress/' ,
226235 } ,
227236 {
228237 name : 'Sidebar' ,
229- to : ` ${ version } components/sidebar/` ,
238+ to : '/ components/sidebar/' ,
230239 } ,
231240 {
232241 name : 'Table' ,
233- to : ` ${ version } components/table/` ,
242+ to : '/ components/table/' ,
234243 } ,
235244 {
236245 name : 'Toast' ,
237- to : ` ${ version } components/toast/` ,
246+ to : '/ components/toast/' ,
238247 } ,
239248 {
240249 name : 'Tooltip' ,
241- to : ` ${ version } components/tooltip/` ,
250+ to : '/ components/tooltip/' ,
242251 } ,
243252 {
244253 name : 'Widgets' ,
245- to : ` ${ version } components/widgets/` ,
254+ to : '/ components/widgets/' ,
246255 } ,
247256 ] ,
248257 } ,
249258 {
250259 name : 'Migration' ,
251- to : ` ${ version } migration/` ,
260+ to : '/ migration/' ,
252261 icon : (
253262 < CIcon
254263 customClassName = "nav-icon text-primary"
@@ -263,7 +272,7 @@ const nav = [
263272 items : [
264273 {
265274 name : 'v4' ,
266- to : ` ${ version } migration/v4/` ,
275+ to : '/ migration/v4/' ,
267276 } ,
268277 ] ,
269278 } ,
0 commit comments