Skip to content

Commit 5938768

Browse files
mrholekmrholek
committed
refactor: update sidebar links
1 parent 478299f commit 5938768

File tree

2 files changed

+151
-6
lines changed

2 files changed

+151
-6
lines changed

‎src/_nav.js‎

Lines changed: 145 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import {
77
cilCursor,
88
cilDescription,
99
cilDrop,
10+
cilExternalLink,
1011
cilNotes,
1112
cilPencil,
1213
cilPuzzle,
@@ -62,6 +63,20 @@ const _nav = [
6263
name: 'Breadcrumb',
6364
to: '/base/breadcrumbs',
6465
},
66+
{
67+
component: CNavItem,
68+
name: (
69+
<React.Fragment>
70+
{'Calendar'}
71+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
72+
</React.Fragment>
73+
),
74+
href: 'https://coreui.io/react/docs/components/calendar/',
75+
badge: {
76+
color: 'danger',
77+
text: 'PRO',
78+
},
79+
},
6580
{
6681
component: CNavItem,
6782
name: 'Cards',
@@ -107,6 +122,29 @@ const _nav = [
107122
name: 'Progress',
108123
to: '/base/progress',
109124
},
125+
{
126+
component: CNavItem,
127+
name: 'Smart Pagination',
128+
href: 'https://coreui.io/react/docs/components/smart-pagination/',
129+
badge: {
130+
color: 'danger',
131+
text: 'PRO',
132+
},
133+
},
134+
{
135+
component: CNavItem,
136+
name: (
137+
<React.Fragment>
138+
{'Smart Table'}
139+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
140+
</React.Fragment>
141+
),
142+
href: 'https://coreui.io/react/docs/components/smart-table/',
143+
badge: {
144+
color: 'danger',
145+
text: 'PRO',
146+
},
147+
},
110148
{
111149
component: CNavItem,
112150
name: 'Spinners',
@@ -127,6 +165,20 @@ const _nav = [
127165
name: 'Tooltips',
128166
to: '/base/tooltips',
129167
},
168+
{
169+
component: CNavItem,
170+
name: (
171+
<React.Fragment>
172+
{'Virtual Scroller'}
173+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
174+
</React.Fragment>
175+
),
176+
href: 'https://coreui.io/react/docs/components/virtual-scroller/',
177+
badge: {
178+
color: 'danger',
179+
text: 'PRO',
180+
},
181+
},
130182
],
131183
},
132184
{
@@ -150,6 +202,20 @@ const _nav = [
150202
name: 'Dropdowns',
151203
to: '/buttons/dropdowns',
152204
},
205+
{
206+
component: CNavItem,
207+
name: (
208+
<React.Fragment>
209+
{'Loading Button'}
210+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
211+
</React.Fragment>
212+
),
213+
href: 'https://coreui.io/react/docs/components/loading-button/',
214+
badge: {
215+
color: 'danger',
216+
text: 'PRO',
217+
},
218+
},
153219
],
154220
},
155221
{
@@ -167,6 +233,20 @@ const _nav = [
167233
name: 'Select',
168234
to: '/forms/select',
169235
},
236+
{
237+
component: CNavItem,
238+
name: (
239+
<React.Fragment>
240+
{'Multi Select'}
241+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
242+
</React.Fragment>
243+
),
244+
href: 'https://coreui.io/react/docs/forms/multi-select/',
245+
badge: {
246+
color: 'danger',
247+
text: 'PRO',
248+
},
249+
},
170250
{
171251
component: CNavItem,
172252
name: 'Checks & Radios',
@@ -177,6 +257,34 @@ const _nav = [
177257
name: 'Range',
178258
to: '/forms/range',
179259
},
260+
{
261+
component: CNavItem,
262+
name: (
263+
<React.Fragment>
264+
{'Range Slider'}
265+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
266+
</React.Fragment>
267+
),
268+
href: 'https://coreui.io/react/docs/forms/range-slider/',
269+
badge: {
270+
color: 'danger',
271+
text: 'PRO',
272+
},
273+
},
274+
{
275+
component: CNavItem,
276+
name: (
277+
<React.Fragment>
278+
{'Rating'}
279+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
280+
</React.Fragment>
281+
),
282+
href: 'https://coreui.io/react/docs/forms/rating/',
283+
badge: {
284+
color: 'danger',
285+
text: 'PRO',
286+
},
287+
},
180288
{
181289
component: CNavItem,
182290
name: 'Input Group',
@@ -187,6 +295,43 @@ const _nav = [
187295
name: 'Floating Labels',
188296
to: '/forms/floating-labels',
189297
},
298+
{
299+
component: CNavItem,
300+
name: (
301+
<React.Fragment>
302+
{'Date Picker'}
303+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
304+
</React.Fragment>
305+
),
306+
href: 'https://coreui.io/react/docs/forms/date-picker/',
307+
badge: {
308+
color: 'danger',
309+
text: 'PRO',
310+
},
311+
},
312+
{
313+
component: CNavItem,
314+
name: 'Date Range Picker',
315+
href: 'https://coreui.io/react/docs/forms/date-range-picker/',
316+
badge: {
317+
color: 'danger',
318+
text: 'PRO',
319+
},
320+
},
321+
{
322+
component: CNavItem,
323+
name: (
324+
<React.Fragment>
325+
{'Time Picker'}
326+
<CIcon icon={cilExternalLink} size="sm" className="ms-2" />
327+
</React.Fragment>
328+
),
329+
href: 'https://coreui.io/react/docs/forms/time-picker/',
330+
badge: {
331+
color: 'danger',
332+
text: 'PRO',
333+
},
334+
},
190335
{
191336
component: CNavItem,
192337
name: 'Layout',
@@ -214,10 +359,6 @@ const _nav = [
214359
component: CNavItem,
215360
name: 'CoreUI Free',
216361
to: '/icons/coreui-icons',
217-
badge: {
218-
color: 'success',
219-
text: 'NEW',
220-
},
221362
},
222363
{
223364
component: CNavItem,

‎src/components/AppSidebarNav.js‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export const AppSidebarNav = ({ items }) => {
2020
)}
2121
{name && name}
2222
{badge && (
23-
<CBadge color={badge.color} className="ms-auto">
23+
<CBadge color={badge.color} className="ms-auto" size="sm">
2424
{badge.text}
2525
</CBadge>
2626
)}
@@ -34,7 +34,11 @@ export const AppSidebarNav = ({ items }) => {
3434
return (
3535
<Component as="div" key={index}>
3636
{rest.to || rest.href ? (
37-
<CNavLink {...(rest.to && { as: NavLink })} {...rest}>
37+
<CNavLink
38+
{...(rest.to && { as: NavLink })}
39+
{...(rest.href && { target: '_blank', rel: 'noopener noreferrer' })}
40+
{...rest}
41+
>
3842
{navLink(name, icon, badge, indent)}
3943
</CNavLink>
4044
) : (

0 commit comments

Comments
 (0)