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
)

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

Lines changed: 2 additions & 1 deletion
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 CardImageHorizontalExample = () => {
56
return (
67
<CCard className="mb-3" style={{ maxWidth: '540px' }}>
78
<CRow className="g-0">
89
<CCol md={4}>
9-
<CCardImage src={'/images/react400.jpg'} />
10+
<CCardImage src={withPrefix('/images/react400.jpg')} />
1011
</CCol>
1112
<CCol md={8}>
1213
<CCardBody>

‎packages/docs/content/components/card/examples/CardImageOverlaysExample.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 { CCard, CCardImage, CCardImageOverlay, CCardText, CCardTitle } from '@coreui/react'
34

45
export const CardImageOverlaysExample = () => {
56
return (
67
<CCard className="mb-3 bg-dark text-white">
7-
<CCardImage src={'/images/react.jpg'} />
8+
<CCardImage src={withPrefix('/images/react.jpg')} />
89
<CCardImageOverlay className="d-flex flex-column align-items-center justify-content-center">
910
<CCardTitle>Card title</CCardTitle>
1011
<CCardText>

‎packages/docs/content/components/card/examples/CardImagesExample.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 { CCard, CCardBody, CCardImage, CCardText } from '@coreui/react'
34

45
export const CardImagesExample = () => {
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
<CCardText>
1011
Some quick example text to build on the card title and make up the bulk of the card's

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

Lines changed: 2 additions & 1 deletion
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 @@ import {
1314
export const CardKitchenSinkExample = () => {
1415
return (
1516
<CCard style={{ width: '18rem' }}>
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>

‎packages/docs/content/components/carousel/examples/CarouselCrossfadeExample.tsx

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

45
export const CarouselCrossfadeExample = () => {
56
return (
67
<CCarousel controls transition="crossfade">
78
<CCarouselItem>
8-
<CImage className="d-block w-100" src={'/images/react.jpg'} alt="slide 1" />
9+
<CImage className="d-block w-100" src={withPrefix('/images/react.jpg')} alt="slide 1" />
910
</CCarouselItem>
1011
<CCarouselItem>
11-
<CImage className="d-block w-100" src={'/images/vue.jpg'} alt="slide 2" />
12+
<CImage className="d-block w-100" src={withPrefix('/images/vue.jpg')} alt="slide 2" />
1213
</CCarouselItem>
1314
<CCarouselItem>
14-
<CImage className="d-block w-100" src={'/images/angular.jpg'} alt="slide 3" />
15+
<CImage className="d-block w-100" src={withPrefix('/images/angular.jpg')} alt="slide 3" />
1516
</CCarouselItem>
1617
</CCarousel>
1718
)

‎packages/docs/content/components/carousel/examples/CarouselDarkVariantExample.tsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,26 @@
11
import React from 'react'
2+
import { withPrefix } from 'gatsby'
23
import { CCarousel, CCarouselCaption, CCarouselItem, CImage } from '@coreui/react'
34

45
export const CarouselDarkVariantExample = () => {
56
return (
67
<CCarousel controls indicators dark>
78
<CCarouselItem>
8-
<CImage className="d-block w-100" src={'/images/react.jpg'} alt="slide 1" />
9+
<CImage className="d-block w-100" src={withPrefix('/images/react.jpg')} alt="slide 1" />
910
<CCarouselCaption className="d-none d-md-block">
1011
<h5>First slide label</h5>
1112
<p>Some representative placeholder content for the first slide.</p>
1213
</CCarouselCaption>
1314
</CCarouselItem>
1415
<CCarouselItem>
15-
<CImage className="d-block w-100" src={'/images/vue.jpg'} alt="slide 2" />
16+
<CImage className="d-block w-100" src={withPrefix('/images/vue.jpg')} alt="slide 2" />
1617
<CCarouselCaption className="d-none d-md-block">
1718
<h5>Second slide label</h5>
1819
<p>Some representative placeholder content for the first slide.</p>
1920
</CCarouselCaption>
2021
</CCarouselItem>
2122
<CCarouselItem>
22-
<CImage className="d-block w-100" src={'/images/angular.jpg'} alt="slide 3" />
23+
<CImage className="d-block w-100" src={withPrefix('/images/angular.jpg')} alt="slide 3" />
2324
<CCarouselCaption className="d-none d-md-block">
2425
<h5>Third slide label</h5>
2526
<p>Some representative placeholder content for the first slide.</p>

0 commit comments

Comments
 (0)