Skip to content

Commit fd9f2a8

Browse files
mrholekmrholek
committed
docs: add withPrefix to urls
1 parent f80bc4a commit fd9f2a8

28 files changed

+87
-59
lines changed

‎packages/docs/content/components/avatar/examples/AvatarImage.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CAvatar } from '@coreui/react'
34

45
export const AvatarImage = () => {
56
return (
67
<>
7-
<CAvatar src={'/images/avatars/1.jpg'} />
8-
<CAvatar src={'/images/avatars/2.jpg'} />
9-
<CAvatar src={'/images/avatars/3.jpg'} />
8+
<CAvatar src={withPrefix('/images/avatars/1.jpg')} />
9+
<CAvatar src={withPrefix('/images/avatars/2.jpg')} />
10+
<CAvatar src={withPrefix('/images/avatars/3.jpg')} />
1011
</>
1112
)
1213
}

‎packages/docs/content/components/avatar/examples/AvatarWithStatus.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CAvatar } from '@coreui/react'
34

45
export const AvatarWithStatus = () => {
56
return (
67
<>
7-
<CAvatar src={'/images/avatars/1.jpg'} status="success" />
8+
<CAvatar src={withPrefix('/images/avatars/1.jpg')} status="success" />
89
<CAvatar color="secondary" status="danger">
910
CUI
1011
</CAvatar>

‎packages/docs/content/components/card/examples/CardExample.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CButton, CCard, CCardBody, CCardImage, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardExample = () => {
56
return (
67
<CCard style={{ width: '18rem' }}>
7-
<CCardImage orientation="top" src={'/images/react.jpg'} />
8+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
89
<CCardBody>
910
<CCardTitle>Card title</CCardTitle>
1011
<CCardText>

‎packages/docs/content/components/card/examples/CardGrid2Example.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -15,7 +16,7 @@ export const CardGrid2Example = () => {
1516
<CRow xs={{ cols: 1, gutter: 4 }} md={{ cols: 3 }}>
1617
<CCol xs>
1718
<CCard>
18-
<CCardImage orientation="top" src={'/images/react.jpg'} />
19+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1920
<CCardBody>
2021
<CCardTitle>Card title</CCardTitle>
2122
<CCardText>
@@ -30,7 +31,7 @@ export const CardGrid2Example = () => {
3031
</CCol>
3132
<CCol xs>
3233
<CCard>
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>
@@ -45,7 +46,7 @@ export const CardGrid2Example = () => {
4546
</CCol>
4647
<CCol xs>
4748
<CCard>
48-
<CCardImage orientation="top" src={'/images/react.jpg'} />
49+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4950
<CCardBody>
5051
<CCardTitle>Card title</CCardTitle>
5152
<CCardText>
@@ -60,7 +61,7 @@ export const CardGrid2Example = () => {
6061
</CCol>
6162
<CCol xs>
6263
<CCard>
63-
<CCardImage orientation="top" src={'/images/react.jpg'} />
64+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
6465
<CCardBody>
6566
<CCardTitle>Card title</CCardTitle>
6667
<CCardText>

‎packages/docs/content/components/card/examples/CardGrid3Example.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardImage, CCardText, CCardTitle, CCol, CRow } from '@coreui/react'
34

45
export const CardGrid3Example = () => {
56
return (
67
<CRow xs={{ cols: 1 }} md={{ cols: 3 }} className="g-4">
78
<CCol xs>
89
<CCard className="h-100">
9-
<CCardImage orientation="top" src={'/images/react.jpg'} />
10+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1011
<CCardBody>
1112
<CCardTitle>Card title</CCardTitle>
1213
<CCardText>
@@ -18,7 +19,7 @@ export const CardGrid3Example = () => {
1819
</CCol>
1920
<CCol xs>
2021
<CCard className="h-100">
21-
<CCardImage orientation="top" src={'/images/react.jpg'} />
22+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
2223
<CCardBody>
2324
<CCardTitle>Card title</CCardTitle>
2425
<CCardText>
@@ -29,7 +30,7 @@ export const CardGrid3Example = () => {
2930
</CCol>
3031
<CCol xs>
3132
<CCard className="h-100">
32-
<CCardImage orientation="top" src={'/images/react.jpg'} />
33+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3334
<CCardBody>
3435
<CCardTitle>Card title</CCardTitle>
3536
<CCardText>
@@ -42,7 +43,7 @@ export const CardGrid3Example = () => {
4243
</CCol>
4344
<CCol xs>
4445
<CCard className="h-100">
45-
<CCardImage orientation="top" src={'/images/react.jpg'} />
46+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4647
<CCardBody>
4748
<CCardTitle>Card title</CCardTitle>
4849
<CCardText>

‎packages/docs/content/components/card/examples/CardGrid4Example.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -15,7 +16,7 @@ export const CardGrid4Example = () => {
1516
<CRow xs={{ cols: 1 }} md={{ cols: 3 }} className="g-4">
1617
<CCol xs>
1718
<CCard className="h-100">
18-
<CCardImage orientation="top" src={'/images/react.jpg'} />
19+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1920
<CCardBody>
2021
<CCardTitle>Card title</CCardTitle>
2122
<CCardText>
@@ -30,7 +31,7 @@ export const CardGrid4Example = () => {
3031
</CCol>
3132
<CCol xs>
3233
<CCard className="h-100">
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>
@@ -44,7 +45,7 @@ export const CardGrid4Example = () => {
4445
</CCol>
4546
<CCol xs>
4647
<CCard className="h-100">
47-
<CCardImage orientation="top" src={'/images/react.jpg'} />
48+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4849
<CCardBody>
4950
<CCardTitle>Card title</CCardTitle>
5051
<CCardText>

‎packages/docs/content/components/card/examples/CardGridExample.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -15,7 +16,7 @@ export const CardGridExample = () => {
1516
<CRow xs={{ cols: 1, gutter: 4 }} md={{ cols: 2 }}>
1617
<CCol xs>
1718
<CCard>
18-
<CCardImage orientation="top" src={'/images/react.jpg'} />
19+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1920
<CCardBody>
2021
<CCardTitle>Card title</CCardTitle>
2122
<CCardText>
@@ -30,7 +31,7 @@ export const CardGridExample = () => {
3031
</CCol>
3132
<CCol xs>
3233
<CCard>
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>
@@ -45,7 +46,7 @@ export const CardGridExample = () => {
4546
</CCol>
4647
<CCol xs>
4748
<CCard>
48-
<CCardImage orientation="top" src={'/images/react.jpg'} />
49+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4950
<CCardBody>
5051
<CCardTitle>Card title</CCardTitle>
5152
<CCardText>
@@ -60,7 +61,7 @@ export const CardGridExample = () => {
6061
</CCol>
6162
<CCol xs>
6263
<CCard>
63-
<CCardImage orientation="top" src={'/images/react.jpg'} />
64+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
6465
<CCardBody>
6566
<CCardTitle>Card title</CCardTitle>
6667
<CCardText>

‎packages/docs/content/components/card/examples/CardGroups2Example.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import {
34
CCard,
45
CCardBody,
@@ -13,7 +14,7 @@ export const CardGroups2Example = () => {
1314
return (
1415
<CCardGroup>
1516
<CCard>
16-
<CCardImage orientation="top" src={'/images/react.jpg'} />
17+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
1718
<CCardBody>
1819
<CCardTitle>Card title</CCardTitle>
1920
<CCardText>
@@ -26,7 +27,7 @@ export const CardGroups2Example = () => {
2627
</CCardFooter>
2728
</CCard>
2829
<CCard>
29-
<CCardImage orientation="top" src={'/images/react.jpg'} />
30+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3031
<CCardBody>
3132
<CCardTitle>Card title</CCardTitle>
3233
<CCardText>
@@ -38,7 +39,7 @@ export const CardGroups2Example = () => {
3839
</CCardFooter>
3940
</CCard>
4041
<CCard>
41-
<CCardImage orientation="top" src={'/images/react.jpg'} />
42+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
4243
<CCardBody>
4344
<CCardTitle>Card title</CCardTitle>
4445
<CCardText>

‎packages/docs/content/components/card/examples/CardGroupsExample.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardGroup, CCardImage, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardGroupsExample = () => {
56
return (
67
<CCardGroup>
78
<CCard>
8-
<CCardImage orientation="top" src={'/images/react.jpg'} />
9+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
910
<CCardBody>
1011
<CCardTitle>Card title</CCardTitle>
1112
<CCardText>
@@ -18,7 +19,7 @@ export const CardGroupsExample = () => {
1819
</CCardBody>
1920
</CCard>
2021
<CCard>
21-
<CCardImage orientation="top" src={'/images/react.jpg'} />
22+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
2223
<CCardBody>
2324
<CCardTitle>Card title</CCardTitle>
2425
<CCardText>
@@ -30,7 +31,7 @@ export const CardGroupsExample = () => {
3031
</CCardBody>
3132
</CCard>
3233
<CCard>
33-
<CCardImage orientation="top" src={'/images/react.jpg'} />
34+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
3435
<CCardBody>
3536
<CCardTitle>Card title</CCardTitle>
3637
<CCardText>

‎packages/docs/content/components/card/examples/CardImageCapsExample.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCard, CCardBody, CCardImage, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardImageCapsExample = () => {
56
return (
67
<>
78
<CCard className="mb-3">
8-
<CCardImage orientation="top" src={'/images/react.jpg'} />
9+
<CCardImage orientation="top" src={withPrefix('/images/react.jpg')} />
910
<CCardBody>
1011
<CCardTitle>Card title</CCardTitle>
1112
<CCardText>
@@ -28,7 +29,7 @@ export const CardImageCapsExample = () => {
2829
<small className="text-body-secondary">Last updated 3 mins ago</small>
2930
</CCardText>
3031
</CCardBody>
31-
<CCardImage orientation="bottom" src={'/images/react.jpg'} />
32+
<CCardImage orientation="bottom" src={withPrefix('/images/react.jpg')} />
3233
</CCard>
3334
</>
3435
)

0 commit comments

Comments
 (0)