Skip to content

Commit 935f4e5

Browse files
lyndonbuckleylyndonbuckley
authored
docs: fix image URLs for stories (#452)
1 parent a010e43 commit 935f4e5

16 files changed

Lines changed: 102 additions & 102 deletions

‎src/Avatar/Avatar.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export default {
1616
},
1717
args: {
1818
innerClassName: 'rounded',
19-
src: 'https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg',
19+
src: 'https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp',
2020
},
2121
} as Meta
2222

‎src/Button/Button.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,7 @@ export const Glass: Story<ButtonProps> = (args) => {
170170
className="w-full flex justify-center py-8 rounded-md"
171171
style={{
172172
backgroundImage:
173-
'url(https://daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.jpg)',
173+
'url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp)',
174174
}}
175175
>
176176
<Button {...args}>Glass button</Button>

‎src/Card/Card.stories.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export const Default: Story<CardProps> = (args) => {
1313
return (
1414
<Card {...args}>
1515
<Card.Image
16-
src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
16+
src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
1717
alt="Shoes"
1818
/>
1919
<Card.Body>
@@ -35,7 +35,7 @@ export const Responsive: Story<CardProps> = (args) => {
3535
</div>
3636
<Card {...args} side="lg">
3737
<Card.Image
38-
src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
38+
src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
3939
alt="Shoes"
4040
/>
4141
<Card.Body>
@@ -54,7 +54,7 @@ export const Centered: Story<CardProps> = (args) => {
5454
return (
5555
<Card {...args}>
5656
<Card.Image
57-
src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
57+
src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
5858
alt="Shoes"
5959
/>
6060
<Card.Body className="items-center text-center">
@@ -72,7 +72,7 @@ export const ImageOverlay: Story<CardProps> = (args) => {
7272
return (
7373
<Card {...args} imageFull>
7474
<Card.Image
75-
src="https://daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.jpg"
75+
src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
7676
alt="Shoes"
7777
/>
7878
<Card.Body>

‎src/Card/Card.test.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -74,12 +74,12 @@ describe('Card', () => {
7474
})
7575

7676
it('Should render CardImage component', () => {
77-
render(<Card.Image src="http://xyz/images/pic-1.jpg" alt="test image" />)
77+
render(<Card.Image src="http://xyz/images/pic-1.webp" alt="test image" />)
7878
const figureElement = screen.getByRole('figure')
7979
expect(figureElement).toBeInTheDocument()
8080
const imgElement = screen.getByRole('img') as HTMLImageElement
8181
expect(imgElement).toBeInTheDocument()
82-
expect(imgElement.src).toBe('http://xyz/images/pic-1.jpg')
82+
expect(imgElement.src).toBe('http://xyz/images/pic-1.webp')
8383
expect(imgElement.alt).toBe('test image')
8484
})
8585
})

‎src/Carousel/Carousel.stories.tsx‎

Lines changed: 47 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -13,31 +13,31 @@ export const Default: Story<CarouselProps> = (args) => {
1313
return (
1414
<Carousel {...args} className="rounded-box">
1515
<Carousel.Item
16-
src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
16+
src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
1717
alt="Fruits"
1818
/>
1919
<Carousel.Item
20-
src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
20+
src="https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp"
2121
alt="Fruits"
2222
/>
2323
<Carousel.Item
24-
src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
24+
src="https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp"
2525
alt="Fruits"
2626
/>
2727
<Carousel.Item
28-
src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
28+
src="https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp"
2929
alt="Fruits"
3030
/>
3131
<Carousel.Item
32-
src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
32+
src="https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp"
3333
alt="Fruits"
3434
/>
3535
<Carousel.Item
36-
src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
36+
src="https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp"
3737
alt="Fruits"
3838
/>
3939
<Carousel.Item
40-
src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
40+
src="https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp"
4141
alt="Fruits"
4242
/>
4343
</Carousel>
@@ -49,31 +49,31 @@ export const Snap: Story<CarouselProps> = (args) => {
4949
return (
5050
<Carousel {...args} className="rounded-box">
5151
<Carousel.Item
52-
src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
52+
src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
5353
alt="Fruits"
5454
/>
5555
<Carousel.Item
56-
src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
56+
src="https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp"
5757
alt="Fruits"
5858
/>
5959
<Carousel.Item
60-
src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
60+
src="https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp"
6161
alt="Fruits"
6262
/>
6363
<Carousel.Item
64-
src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
64+
src="https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp"
6565
alt="Fruits"
6666
/>
6767
<Carousel.Item
68-
src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
68+
src="https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp"
6969
alt="Fruits"
7070
/>
7171
<Carousel.Item
72-
src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
72+
src="https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp"
7373
alt="Fruits"
7474
/>
7575
<Carousel.Item
76-
src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
76+
src="https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp"
7777
alt="Fruits"
7878
/>
7979
</Carousel>
@@ -87,31 +87,31 @@ export const FullWidth: Story<CarouselProps> = (args) => {
8787
return (
8888
<Carousel {...args} className="w-64 rounded-box">
8989
<Carousel.Item
90-
src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
90+
src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
9191
alt="Fruits"
9292
/>
9393
<Carousel.Item
94-
src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
94+
src="https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp"
9595
alt="Fruits"
9696
/>
9797
<Carousel.Item
98-
src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
98+
src="https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp"
9999
alt="Fruits"
100100
/>
101101
<Carousel.Item
102-
src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
102+
src="https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp"
103103
alt="Fruits"
104104
/>
105105
<Carousel.Item
106-
src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
106+
src="https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp"
107107
alt="Fruits"
108108
/>
109109
<Carousel.Item
110-
src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
110+
src="https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp"
111111
alt="Fruits"
112112
/>
113113
<Carousel.Item
114-
src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
114+
src="https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp"
115115
alt="Fruits"
116116
/>
117117
</Carousel>
@@ -125,31 +125,31 @@ export const HalfWidth: Story<CarouselProps> = (args) => {
125125
return (
126126
<Carousel {...args} className="w-64 rounded-box">
127127
<Carousel.Item
128-
src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
128+
src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
129129
alt="Fruits"
130130
/>
131131
<Carousel.Item
132-
src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
132+
src="https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp"
133133
alt="Fruits"
134134
/>
135135
<Carousel.Item
136-
src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
136+
src="https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp"
137137
alt="Fruits"
138138
/>
139139
<Carousel.Item
140-
src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
140+
src="https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp"
141141
alt="Fruits"
142142
/>
143143
<Carousel.Item
144-
src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
144+
src="https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp"
145145
alt="Fruits"
146146
/>
147147
<Carousel.Item
148-
src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
148+
src="https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp"
149149
alt="Fruits"
150150
/>
151151
<Carousel.Item
152-
src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
152+
src="https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp"
153153
alt="Fruits"
154154
/>
155155
</Carousel>
@@ -163,31 +163,31 @@ export const Vertical: Story<CarouselProps> = (args) => {
163163
return (
164164
<Carousel {...args} className="h-96 w-64 rounded-box">
165165
<Carousel.Item
166-
src="https://daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.jpg"
166+
src="https://img.daisyui.com/images/stock/photo-1559703248-dcaaec9fab78.webp"
167167
alt="Fruits"
168168
/>
169169
<Carousel.Item
170-
src="https://daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.jpg"
170+
src="https://img.daisyui.com/images/stock/photo-1565098772267-60af42b81ef2.webp"
171171
alt="Fruits"
172172
/>
173173
<Carousel.Item
174-
src="https://daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.jpg"
174+
src="https://img.daisyui.com/images/stock/photo-1572635148818-ef6fd45eb394.webp"
175175
alt="Fruits"
176176
/>
177177
<Carousel.Item
178-
src="https://daisyui.com/images/stock/photo-1494253109108-2e30c049369b.jpg"
178+
src="https://img.daisyui.com/images/stock/photo-1494253109108-2e30c049369b.webp"
179179
alt="Fruits"
180180
/>
181181
<Carousel.Item
182-
src="https://daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.jpg"
182+
src="https://img.daisyui.com/images/stock/photo-1550258987-190a2d41a8ba.webp"
183183
alt="Fruits"
184184
/>
185185
<Carousel.Item
186-
src="https://daisyui.com/images/stock/photo-1559181567-c3190ca9959b.jpg"
186+
src="https://img.daisyui.com/images/stock/photo-1559181567-c3190ca9959b.webp"
187187
alt="Fruits"
188188
/>
189189
<Carousel.Item
190-
src="https://daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.jpg"
190+
src="https://img.daisyui.com/images/stock/photo-1601004890684-d8cbf643f5f2.webp"
191191
alt="Fruits"
192192
/>
193193
</Carousel>
@@ -202,19 +202,19 @@ export const Numbered: Story<CarouselProps> = (args) => {
202202
return (
203203
<Carousel {...args} className="rounded-box">
204204
<Carousel.Item
205-
src="https://daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.jpg"
205+
src="https://img.daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.webp"
206206
alt="City"
207207
/>
208208
<Carousel.Item
209-
src="https://daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.jpg"
209+
src="https://img.daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.webp"
210210
alt="City"
211211
/>
212212
<Carousel.Item
213-
src="https://daisyui.com/images/stock/photo-1414694762283-acccc27bca85.jpg"
213+
src="https://img.daisyui.com/images/stock/photo-1414694762283-acccc27bca85.webp"
214214
alt="City"
215215
/>
216216
<Carousel.Item
217-
src="https://daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.jpg"
217+
src="https://img.daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.webp"
218218
alt="City"
219219
/>
220220
</Carousel>
@@ -228,19 +228,19 @@ export const Sequential: Story<CarouselProps> = (args) => {
228228
return (
229229
<Carousel {...args} className="rounded-box">
230230
<Carousel.Item
231-
src="https://daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.jpg"
231+
src="https://img.daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.webp"
232232
alt="City"
233233
/>
234234
<Carousel.Item
235-
src="https://daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.jpg"
235+
src="https://img.daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.webp"
236236
alt="City"
237237
/>
238238
<Carousel.Item
239-
src="https://daisyui.com/images/stock/photo-1414694762283-acccc27bca85.jpg"
239+
src="https://img.daisyui.com/images/stock/photo-1414694762283-acccc27bca85.webp"
240240
alt="City"
241241
/>
242242
<Carousel.Item
243-
src="https://daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.jpg"
243+
src="https://img.daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.webp"
244244
alt="City"
245245
/>
246246
</Carousel>
@@ -260,19 +260,19 @@ export const CustomButton: Story<CarouselProps> = (args) => {
260260
return (
261261
<Carousel {...args} className="rounded-box">
262262
<Carousel.Item
263-
src="https://daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.jpg"
263+
src="https://img.daisyui.com/images/stock/photo-1625726411847-8cbb60cc71e6.webp"
264264
alt="City"
265265
/>
266266
<Carousel.Item
267-
src="https://daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.jpg"
267+
src="https://img.daisyui.com/images/stock/photo-1609621838510-5ad474b7d25d.webp"
268268
alt="City"
269269
/>
270270
<Carousel.Item
271-
src="https://daisyui.com/images/stock/photo-1414694762283-acccc27bca85.jpg"
271+
src="https://img.daisyui.com/images/stock/photo-1414694762283-acccc27bca85.webp"
272272
alt="City"
273273
/>
274274
<Carousel.Item
275-
src="https://daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.jpg"
275+
src="https://img.daisyui.com/images/stock/photo-1665553365602-b2fb8e5d1707.webp"
276276
alt="City"
277277
/>
278278
</Carousel>

‎src/Carousel/Carousel.test.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,19 @@ const children = [
55
<Carousel.Item
66
key="1"
77
id="slide1"
8-
src="http://xyz/images/pic-1.jpg"
8+
src="http://xyz/images/pic-1.webp"
99
alt="Pic-1"
1010
/>,
1111
<Carousel.Item
1212
key="2"
1313
id="slide2"
14-
src="http://xyz/images/pic-2.jpg"
14+
src="http://xyz/images/pic-2.webp"
1515
alt="Pic-2"
1616
/>,
1717
<Carousel.Item
1818
key="3"
1919
id="slide3"
20-
src="http://xyz/images/pic-3.jpg"
20+
src="http://xyz/images/pic-3.webp"
2121
alt="Pic-3"
2222
/>,
2323
]

0 commit comments

Comments
 (0)